<!-- 正常的全屏弹窗 -->
<ng-container *ngIf="!cssClass">
  <ion-header id="header-{{hintId}}">
    <!-- 没有分隔线 -->
    <ion-toolbar style="--background:#fff"
      [ngClass]="{'title-transparent': transparent,'bottom-line-none': (!title || title.length === 0) &&  (!sureBtnTitle ||sureBtnTitle.length === 0) && !(!hasNextStep && !isNextStep && showSearchModal !== 1 && newAdd === undefined)}"
      [ngStyle]="this.navParams.data.value.titleCssStyle | styleFilter">

      <ion-buttons style="margin-left: 11px;" slot="start" appDebounceClick (debounceClick)="back()">
        <!-- 配置返回icon -->
        <ng-container *ngIf="this.navParams.data.value.backIcon; else noIcon">
          <img class="header-icon-img" src="../assets/img/{{this.navParams.data.value.backIcon}}">
        </ng-container>

        <ng-template #noIcon>
          <img *ngIf="(!hasNextStep || !isNextStep) " class="header-icon-img" src="../assets/img/close.png">
          <img *ngIf="(hasNextStep && isNextStep) " class="header-icon-img" src="../assets/img/back_left.png">
        </ng-template>


      </ion-buttons>
      <ion-title> {{title}} </ion-title>

      <ion-buttons *ngIf="showSearchModal === 1 && sureBtnTitle && sureBtnTitle.length > 0" slot="end"
        appDebounceClick (debounceClick)="openModalMoreEditInfo(navParams.data.value,2)">
        <ion-button class="sure-btn">{{sureBtnTitle}}</ion-button>
      </ion-buttons>

      <ion-buttons *ngIf="!hasNextStep && !isNextStep && showSearchModal !== 1 && newAdd === undefined && showSureBtn"
        slot="end" appDebounceClick (debounceClick)="sureBtn()">
        <ion-button class="sure-btn">确定</ion-button>
      </ion-buttons>
      <!-- add share btn -->
      <ng-container *ngIf="navBtnList && navBtnList.length">
        <ng-container *ngFor="let item of navBtnList">
          <ion-buttons slot="end" class="end" appDebounceClick (debounceClick)="iconButtonClick(item)">
            <img class="header-icon-img-r" [ngStyle]="item.cssStyle | styleFilter" src="{{item.icon}}" alt="iconButton">

          </ion-buttons>
        </ng-container>
      </ng-container>
    </ion-toolbar>
    <ion-toolbar style="--background:#fff;padding-left: 1rem; " *ngIf="showSearchModal === 1">

      <form action="javascript: return true;" class="form-bg">
        <ion-searchbar *ngIf="dataType === 1" #searchBar (keypress)="search($event,false)" inputmode=""
          class="search-bar" placeholder="请输入电话号码" autocomplete="off"
          onInput="if(value.length>11)value=value.slice(0,11)"  [(ngModel)]="keyword" mode="ios"
          (ionBlur)="ionFocus(0)" (ionFocus)="ionFocus(1)" [ngModelOptions]="{standalone: true}"> </ion-searchbar>
        <ion-searchbar *ngIf="dataType === 2" #searchBar (keypress)="search($event,false)" inputmode=""
          class="search-bar" placeholder="请输入电话号码" autocomplete="off"
          onInput="if(value.length>11)value=value.slice(0,11)"  [(ngModel)]="keyword" mode="ios"
          (ionBlur)="ionFocus(0)" (ionFocus)="ionFocus(1)" [ngModelOptions]="{standalone: true}"> </ion-searchbar>
        <ion-searchbar *ngIf="dataType === 0" #searchBar (keypress)="search($event,false)" inputmode=""
          class="search-bar" placeholder="请输入小区名称或地址" autocomplete="off"
          onInput="if(value.length>20)value=value.slice(0,20)"  [(ngModel)]="keyword" mode="ios"
          (ionBlur)="ionFocus(0)" (ionFocus)="ionFocus(1)" [ngModelOptions]="{standalone: true}"> </ion-searchbar>
      </form>
      <ion-buttons style="text-align: right;" class="search-btn" slot="end" appDebounceClick (debounceClick)="search()">
        搜索
      </ion-buttons>

    </ion-toolbar>
    <!-- 发布页面header 11.25rem height -->
    <div class="banner-bg" *ngIf="transparent">
      <div class="release-bg" src="../assets/icon/release_bg@3x.png" alt=""></div>
      <div class="tip-bg">
        <p class="tips" id="more-post-title-tips" [innerHtml]="this.navParams.data.value.value | parseStyle"></p>
      </div>
    </div>
  </ion-header>
  <ion-content *ngIf="showSearchModal!==1" [ngClass]="{'house-type': newAdd !== undefined}">
    <form [formGroup]="formGroup" class="form-bg">
      <List *ngFor="let item of tagData, let i=index" [ngSwitch]="item.formType">
       
        <ng-container *ngSwitchCase="'richTextEdit'">
          
          <div class="rich-text-edit-bg" [ngStyle]="item.cssStyle | styleFilter">
           <p  *ngIf="item.label && item.label !==''" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}
           </p>
           <div [ngStyle]="item.valueCssStyle | styleFilter"  id="id-rich-text-{{item.formKey}}{{hintId}}" class="rich-text-edit">
         </div>
         <div *ngIf="(!item.value || item.value.length === 0 )&& item.extra" [innerHTML]="item.extra | parseStyle" [ngStyle]="item.extraCssStyle | styleFilter"></div>
           </div>
       </ng-container>

        <ng-container *ngSwitchCase="'paresAddress'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'passwordType'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>

        <!-- 左边图标 输入框-->
        <ng-container *ngSwitchCase="'textInput_border'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <ng-container *ngSwitchCase="'textInputJoin'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <ng-container *ngSwitchCase="'textInput'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'checkBox'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>


              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <ng-container *ngSwitchCase="'textInputLJ'">
          <app-text-input  [item] = "item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
        <!-- LJ oneline -->
        <ng-container *ngSwitchCase="'textInputLJOneLine'">

          <app-text-input  [item] = "item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!--  身份验证 -->
        <ng-container *ngSwitchCase="'uploadIdentityWidget'">
          <ion-item class="post-item" lines="none">
            <ion-label [ngStyle]="item.valueCssStyle | styleFilter">{{item.label}}</ion-label>
          </ion-item>
          <app-upload-identity [items]="item.subHtmlObj" (updateIdentity)="updateIdentityHandler($event)">
          </app-upload-identity>
        </ng-container>
        <!-- 发布店铺图片 -->
        <ng-container *ngSwitchCase="'addReleasePhoto'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
          <!-- 发布店铺图片 + 视频 -->
          <ng-container *ngSwitchCase="'photoVideoSelectWidget'">
            <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
          </ng-container>
        <!--  备注图片选择 -->
        <ng-container *ngSwitchCase="'photoSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <ng-container *ngSwitchCase="'fileSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>

        <ng-container *ngSwitchCase="'avatarSelectWidget'">
          <app-photo-select [tagData]="item" (updateUrl)="updateUrlHandler($event)"></app-photo-select>
        </ng-container>
        <!-- singleColumnSelectLJ 底部弹窗-->
        <ng-container *ngSwitchCase="'singleColumnSelectLJ'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <!-- 维修 2-3级 -->
          <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ_AfterSubmit'">
            <div class="lj-post-item">
              <p class="lj-post-item-label">
                {{item.subHtmlObj[0].label}}
              </p>
              <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])">
                <span
                  *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i
                    class="lj-item-value lj-item-value-zone">{{item.subHtmlObj[0].showValue}}</i><i
                    class="lj-right-icon"></i></span>

                <span *ngIf="!item.subHtmlObj[0].value"
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                    class="lj-picker-left-icon"></i><i
                    class="lj-item-value lj-item-value-zone ">{{item.subHtmlObj[0].placeHolder}}</i><i
                    class="lj-right-icon"></i></span>

              </p>
            </div>
          </ng-container>
        </ng-container>
        <!--  底部弹窗单选 -->
        <ng-container *ngSwitchCase="'singleColumnSelect'">
          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'" [ngStyle]="item.cssStyle | styleFilter" >
            <ion-label *ngIf="item.label && item.label !== ''" [ngStyle]="item.labelCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)" [innerHTML]="item.label | parseStyle "></ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="showActionSheet(item)"
              [formControlName]="item.formKey" class="displayno">
            <span class="input" appDebounceClick (debounceClick)="showActionSheet(item)" *ngIf="item.showValue">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(item)"
              *ngIf="!item.showValue">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!--  底部弹窗单选 -->
              <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <ion-item class="post-item" [lines]="it.lines? it.lines:'inset'">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>

                  <!--  -->
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">

                      <!--modal 编辑更多项目 -->
                      <ng-container *ngSwitchCase="'modalOfMoreItems'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <ion-item class="post-item">
                            <ion-label>{{i.label}}</ion-label>
                            <input type="text" [attr.placeholder]="i.placeHolder" (focus)="openModalMoreEditInfo(i)"
                              class="displayno">
                            <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(i)"
                              *ngIf="i.showValue && i.showValue !== ''" [innerHTML]="i.showValue | parseStyle"><span
                                class="jointEnd" *ngIf="i.extra">{{i.extra}}</span></span>
                            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(i)"
                              *ngIf="!i.showValue || i.showValue === ''">{{i.placeHolder}}<span class="jointEnd"
                                *ngIf="i.extra">{{i.extra}}</span></span>

                            <i class="detail-icon"></i>
                          </ion-item>
                        </ng-container>

                      </ng-container>
                      <!-- 行业多选 -->
                      <ng-container *ngSwitchCase="'modalMultipleSelect'">
                        <ng-container
                          *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <ion-item class="post-item">
                            <ion-label>{{i.label}}</ion-label>
                            <input type="text" [attr.placeholder]="i.placeHolder" (focus)="openMultipleModal(i)"
                              [formControlName]="i.formKey" class="displayno">
                            <span class="input" appDebounceClick (debounceClick)="openMultipleModal(i)"
                              *ngIf="i.value && i.value !== '' && i.value.length ">{{i.showValue}}</span>
                            <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(i)"
                              *ngIf="!i.value">{{i.placeHolder}}</span>
                            <i class="detail-icon"></i>
                          </ion-item>

                        </ng-container>
                      </ng-container>

                      <ng-container *ngSwitchCase="'multipleColumnSelect'">
                        <ng-container
                          *ngIf="(it.value && it.value && i.showCondition && i.showCondition.indexOf(i.value) > -1) ||  !i.showCondition">

                          <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(i)">
                            <ion-label>{{i.label}}</ion-label>
                            <span class="input"
                              *ngIf="i.showValue && i.showValue !== '' && i.showValue.length ">{{i.showValue}}</span>
                            <span class="input lightgrey"
                              *ngIf="i.showValue === '' || i.showValue === undefined || !i.showValue.length">{{i.placeHolder}}</span>
                            <i class="select-span"></i>
                          </ion-item>
                        </ng-container>

                      </ng-container>
                    </ng-container>
                  </ng-container>


                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1 && item.value) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'datePlug'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'datePicker'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'multipleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
              <!-- 行业单选 -->
              <ng-container *ngSwitchCase="'pickerSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <ng-container *ngSwitchCase="'citySelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalCityPage(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>

                  </div>
                </ng-container>
              </ng-container>
              <!--modal 描述 -->
              <ng-container *ngSwitchCase="'modalOfTextArea'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}</span>
                      <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </div>
                </ng-container>


              </ng-container>

              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="post-item post-item-div"  [ngStyle]="it.cssStyle | styleFilter" [ngClass]="{'border-none': it.lines === 'none'}">
                    
                    <ion-label [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon" [ngStyle]="it.endIconCssStyle | styleFilter"></i>
                  </div>
                </ng-container>

              </ng-container>

              <!-- 59.3 modalMultipleSelect3_Full_Common 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full_Common'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" lines="inset">
                    <ion-label>{{it.label}}</ion-label>

                    <span class="input" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)"
                      *ngIf="it.showValue && it.showValue.length> 0" [ngStyle]="it.valueCssStyle | styleFilter"
                      [innerHTML]="it.showValue | parseStyle"></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>


              </ng-container>

              <!-- 行业多选 -->
              <ng-container *ngSwitchCase="'modalMultipleSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openMultipleModal(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openMultipleModal(it)"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(it)"
                      *ngIf="!it.value">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>

                </ng-container>
              </ng-container>

            </ng-container>
          </ng-container>

        </ng-container>
        <!-- 多行备注 有label-->
        <ng-container *ngSwitchCase="'textAreaLines'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- 多行备注 -->
        <ng-container *ngSwitchCase="'textArea'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
        <!-- 多行备注 LJ-->
        <ng-container *ngSwitchCase="'textAreaLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
         <!-- 有图标边框的时间选择  -->
         <ng-container *ngSwitchCase="'datePickerLJ'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <!-- 时间选择  -->
        <ng-container *ngSwitchCase="'datePicker'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>

        <!-- 时间选择  -->
        <ng-container *ngSwitchCase="'datePlug'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>


        </ng-container>
        <!-- ion-datetime时间选择  -->
        <ng-container *ngSwitchCase="'ionDatetime'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
        <!-- btn 切换 -->
        <ng-container *ngSwitchCase="'switchButton'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      style="--padding-end: 0rem;" [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span
                      style="width:0.03rem;
                      height:0.94rem;
                      background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                      style="--padding-end: 0rem;" [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </ion-item>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!--  底部弹窗单选 -->
              <ng-container *ngSwitchCase="'singleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <ion-item class="post-item" [lines]="it.lines? it.lines:'inset'">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="showActionSheet(it)"
                      [formControlName]="it.formKey" class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="showActionSheet(it)" *ngIf="it.showValue">{{it.showValue}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="showActionSheet(it)"
                      *ngIf="!it.showValue">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
              <!-- 多行备注 LJ-->
              <ng-container *ngSwitchCase="'textAreaLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>


              </ng-container>



            </ng-container>

          </ng-container>

        </ng-container>
        <ng-container *ngSwitchCase="'radioButton'">

          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
            <ion-label *ngIf="item.label && item.label.length > 0" style="max-width: none;"[ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</ion-label>
            <label for="toggle{{item.formKey}}" style="display: flex;">
              <ng-container *ngIf="!item.multiSelect">
                <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                    [ngClass]="{'nochecked':item.value !== item.itemList[0].value,'checked':item.value === item.itemList[0].value }"></i>{{item.itemList[0].label}}</span>
                <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                    [ngClass]="{'checked':item.value === item.itemList[1].value, 'nochecked':item.value !== item.itemList[1].value}"></i>{{item.itemList[1].label}}</span>
              </ng-container>

              <!-- 支持多选 -->
              <ng-container *ngIf="item.multiSelect === true">
                <span class="radio-item" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',0)"><i
                    [ngClass]="{'nochecked':item.value.indexOf(item.itemList[0].value) < 0 ,'checked':item.value.indexOf(item.itemList[0].value) > -1 }"></i>{{item.itemList[0].label}}</span>
                <span class="radio-item radio-item-r" appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',1)"><i
                    [ngClass]="{'nochecked':item.value.indexOf(item.itemList[1].value) < 0 ,'checked':item.value.indexOf(item.itemList[1].value) > -1 }"></i>{{item.itemList[1].label}}</span>
              </ng-container>
            </label>
          </ion-item>
        </ng-container>

        <!-- radioButtonLJ -->
        <ng-container *ngSwitchCase="'radioButtonLJ'">
          <div class="lj-post-item" [ngClass]="{'js-post-item':item?.appType==='JS'}">
            <div *ngIf="item.label && item.label.length > 0" class="lj-post-item-label"
              [ngStyle]="item?.cssStyle | styleFilter">
              <span class="">{{item.label}}</span>

            </div>
            <p class="lj-radio-button-bg">
              <ng-container *ngIf="item.itemList">
                <span class="sw-lj-item-btn" *ngFor="let it of item.itemList; let i = index"
                  [ngClass]="{'nochecked':item.value !== it.value,'checked':item.value === it.value }"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">{{it.label}}</span>
              </ng-container>
            </p>
          </div>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- singleColumnSelectLJ 底部弹窗-->
              <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>


                </ng-container>
              </ng-container>

              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">


                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>

              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlotLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">


                  <p class="lj-input-bg lj-input-bg-area-slot">
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="item.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span style="font-size: 1rem;font-weight: 400;color: #252629;
    line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" class="lj-input-item"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker-lj"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="lj-right-icon"></i>
                      </span>
                    </ng-container>
                  </p>


                </ng-container>
              </ng-container>

            </ng-container>
          </ng-container>
        </ng-container>
        <!-- btn 切换  LJ-->
        <ng-container *ngSwitchCase="'switchButtonLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>


            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
                <!-- singleColumnSelectLJ 底部弹窗-->
                <ng-container *ngSwitchCase="'singleColumnSelectLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>


                  </ng-container>
                </ng-container>

                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </p>
                  </ng-container>
                </ng-container>

                <ng-container *ngSwitchCase="'textInputLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                </ng-container>

                <!-- 面积区间 -->
                <ng-container *ngSwitchCase="'areaSlotLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-input-bg lj-input-bg-area-slot">
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        class="lj-input-item" (ionChange)="areaSlotchange($event, it,0)"
                        [(ngModel)]="it.subHtmlObj[0].value" [maxlength]="it.subHtmlObj[0].maxLength"
                        [attr.placeholder]="it.subHtmlObj[0].placeHolder" [formControlName]="it.subHtmlObj[0].formKey">
                      </ion-input>
                      <span style="font-size: 1rem;font-weight: 400;color: #252629;
    line-height: 1.38rem;margin-left: 0.5rem; margin-right: 0.5rem;">至</span>
                      <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                        onafterpaste="if((value===''))execCommand('undo')"
                        onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                        class="lj-input-item" (ionChange)="areaSlotchange($event, it,1)"
                        [(ngModel)]="it.subHtmlObj[1].value" [maxlength]="it.subHtmlObj[1].maxLength"
                        [attr.placeholder]="it.subHtmlObj[1].placeHolder" [formControlName]="it.subHtmlObj[1].formKey">
                      </ion-input>
                      <!-- 行尾文字 -->
                      <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                      <!-- 租金单位 -->
                      <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                        <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                          [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                        <span class="single-picker-lj"
                          appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                          <i class="lj-right-icon"></i>
                        </span>
                      </ng-container>
                    </p>


                  </ng-container>
                </ng-container>

                 <!-- 省市区三级多选  -->
                 <ng-container *ngSwitchCase="'threeLevelSelection'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <div class="three-Level-selection-bg threeLevelSelection" [ngStyle]="it.cssStyle | styleFilter">
                      <div class="level-1-bg">
                        <ng-container *ngFor="let level1 of it.children">
                          <div class="level-1" [ngClass]="{'open': level1.open}" appDebounceClick (debounceClick)="itemLeftClick(level1,it)">
                            <span class="un-open" [ngClass]="{'open': level1.open}"></span>
                            <span class="level-label" [ngClass]="{'level-label-select': level1.hasValue}">{{level1.label}}</span>
                            <i class="nochecked" appDebounceClick (debounceClick)="checkAllL1($event,level1,it)" [ngClass]="{'checked': level1.checked}"></i>
                          </div>
                          
                        </ng-container>
                      </div>
                      <div class="level-2-bg" *ngIf="it.current?.children">
                        <ng-container *ngFor="let level2 of it.current.children">
                          <div class="level-2" appDebounceClick (debounceClick)="itemCenterClick(level2,it)">
                            <span class="un-open" [ngClass]="{'open': level2.open}"></span>
                            <span class="level-label" [ngClass]="{'level-label-select': level2.hasValue, 'level-label-select-current': level2 === it.current?.current}">{{level2.label}}</span>
                            <i class="nochecked" [ngClass]="{'checked': level2.checked}" appDebounceClick (debounceClick)="checkAllL2($event,level2,it)"></i>
                          </div>
                        </ng-container>
          
                      </div>
                      <div class="level-3-bg" *ngIf="it.current?.current?.children">
                        <ng-container *ngFor="let level3 of it.current.current.children">
                          <div class="level-3" appDebounceClick (debounceClick)="level3Click(level3,it)">
                            <span class="level-label" [ngClass]="{'level-label-select': level3.checked}">{{level3.label}}</span>
                          </div>
                        </ng-container>
          
                      </div>
                    </div>
                  </ng-container>
                 </ng-container>

        

              </ng-container>
            </ng-container>
          

        </ng-container>
        <!--  合同凭证 -->
        <ng-container *ngSwitchCase="'contractSelectWidget'">
          <ion-item class="post-item" lines="none">
            <!--  -->
            <ion-label>{{item.label}}</ion-label>
            <!-- <input type="checkbox" class="hidden-toggle" id="toggle{{item.formKey}}" appDebounceClick (debounceClick)="changeItemobjValidator(item,'contractSelectWidget')" [formControlName]="item.formKey" [ngModel]="item.value"> -->
            <label for="toggle{{item.formKey}}" class="contract-check" style="display: inline-block"
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'contractSelectWidget')">
              <i [ngClass]="{'check': item.value === 'true', 'uncheck':item.value !== 'true'}"> </i>
            </label>
            <span style="font-size: 1rem">{{item.tips}}</span>

          </ion-item>
          <hr *ngIf="item.value !== 'true'" style="border-bottom: solid 0.03rem #EBEBED;margin: 0 1.25rem;">
          <ng-container *ngIf="item.value === 'true'">
            <app-photo-select [tagData]="item.subHtmlObj[0]" (updateUrl)="updateUrlHandler($event)">
            </app-photo-select>
            <ion-item class="post-item" lines="inset">

              <ion-label>{{item.subHtmlObj[1].label}}</ion-label>
              <!-- 文本类型 -->
              <ion-input *ngIf="!item.subHtmlObj[1].textType || item.subHtmlObj[1].textType !== 'number'" type="text"
                [maxlength]="item.subHtmlObj[1].maxLength" [(ngModel)]="item.subHtmlObj[1].value"
                [attr.placeholder]="item.subHtmlObj[1].placeHolder" [formControlName]="item.subHtmlObj[1].formKey">
              </ion-input>
              <!-- 数字类型 -->
              <ion-input *ngIf="item.subHtmlObj[1].textType === 'number'" type="number"
                onkeyup="value=value.replace(/[^\d\.]/g,'')" onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                (ionChange)="changeValue($event, item.subHtmlObj[1])" [(ngModel)]="item.subHtmlObj[1].value"
                [maxlength]="item.subHtmlObj[1].maxLength" [attr.placeholder]="item.subHtmlObj[1].placeHolder"
                [formControlName]="item.subHtmlObj[1].formKey">
              </ion-input>
              <!-- 行尾文字 -->
              <span class="jointEnd" *ngIf="item.subHtmlObj[1].extra">{{item.subHtmlObj[1].extra}}</span>
              <img class="icon-map" *ngIf="item.subHtmlObj[1].endIcon" width="8%"
                src="assets/icon/{{item.subHtmlObj[1].endIcon}}" alt="">

            </ion-item>
          </ng-container>
        </ng-container>
        <!-- 中间弹窗多选 -->
        <ng-container *ngSwitchCase="'multipleColumnSelectLJ'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
              <span *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>
        <!-- 中间弹窗多选 -->
        <ng-container *ngSwitchCase="'multipleColumnSelect'">
          <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
            <ion-label>{{item.label}}</ion-label>
            <span class="input"
              *ngIf="item.showValue && item.showValue !== '' && item.showValue.length ">{{item.showValue}}</span>
            <span class="input lightgrey"
              *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
            <i class="select-span"></i>
          </ion-item>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>
              <!-- multipleColumnSelect -->
              <ng-container *ngSwitchCase="'multipleColumnSelect'">

                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </ion-item>

                </ng-container>

              </ng-container>

            </ng-container>
          </ng-container>

        </ng-container>
        <!-- 行业多选 -->
        <ng-container *ngSwitchCase="'modalMultipleSelect'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openMultipleModal(item)"
              [formControlName]="item.formKey" class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openMultipleModal(item)"
              *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(item)"
              *ngIf="!item.value">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>


        <!-- 行业单选 -->
        <ng-container *ngSwitchCase="'pickerSelect'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'multipleColumnSelect'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item" appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="input"
                      *ngIf="it.showValue && it.showValue !== '' && it.showValue.length ">{{it.showValue}}</span>
                    <span class="input lightgrey"
                      *ngIf="it.showValue === '' || it.showValue === undefined || !it.showValue.length">{{it.placeHolder}}</span>
                    <i class="select-span"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
            </ng-container>

          </ng-container>

        </ng-container>
        <!-- 行业多选 LJ-->
        <ng-container *ngSwitchCase="'modalMultipleSelectLJ'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg">
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openMultipleModal(item)"
                [formControlName]="item.formKey" class="displayno">

              <span appDebounceClick (debounceClick)="openMultipleModal(item)" *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span appDebounceClick (debounceClick)="openMultipleModal(item)" *ngIf="!item.value"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>
        </ng-container>

        <!-- 行业单选 LJ-->
        <ng-container *ngSwitchCase="'pickerSelectLJ'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>
        <!-- 详细地址 LJ-->
        <ng-container *ngSwitchCase="'selectAddressWidgetLJ'">

          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>
            <p class="lj-picker-bg">

              <span *ngIf="!item.value || item.value === ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                  class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

              <span *ngIf="item.value && item.value !== ''"
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                  class="lj-item-value">{{item.value}}</i><i *ngIf="item.del && item.value"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>
        <!-- 详细地址设置入口-->
        <ng-container *ngSwitchCase="'selectAddressWidget'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.value}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>


        <!-- 城市选择 -->
        <ng-container *ngSwitchCase="'citySelect'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" >{{item.label}}</ion-label>
              <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalCityPage(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalCityPage(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalCityPage(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>  
            
          </div>
            
          
          <!-- 区域 -->
          <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj[0].formType === 'pickerSelect'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>

            

              <span  appDebounceClick (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0],true)" 
                class="input">
                <span
                  [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'">{{
                  item.subHtmlObj[0].showValue }}</span>
              </span>
              <i class="detail-icon" [ngStyle]="item.subHtmlObj[0].endIconCssStyle | styleFilter"></i>
            </div>
          </ng-container>

          <!-- 区域多选 -->
          <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelect'">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.subHtmlObj[0].label && item.subHtmlObj[0].label.length > 0" [ngStyle]="item.subHtmlObj[0].labelCssStyle | styleFilter" >{{item.subHtmlObj[0].label}}</ion-label>
              <input type="text" [attr.placeholder]="item.subHtmlObj[0].placeHolder"
                (focus)="openMultipleModal(item.subHtmlObj[0],true)" [formControlName]="item.subHtmlObj[0].formKey"
                class="displayno">
              <span class="input" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length ">{{item.subHtmlObj[0].showValue}}</span>
              <span class="input lightgrey" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0],true)"
                *ngIf="!(item.subHtmlObj[0].value)">{{item.subHtmlObj[0].placeHolder}}</span>
              <i class="detail-icon" [ngStyle]="item.subHtmlObj[0].endIconCssStyle | styleFilter"></i>
            </div>
          </ng-container>

        </ng-container>
        <!-- 城市选择 LJ-->
        <ng-container *ngSwitchCase="'citySelectLJ'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>
            <div class="lj-post-item-city">
              <!-- city -->
              <ng-container *ngIf="!item.hidden">
                <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(item)">
                  <span *ngIf="item.showValue && item.showValue !== '' && item.showValue.length "
                    [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-city">{{item.showValue}}</i><i
                      class="lj-right-icon"></i></span>

                  <span *ngIf="!item.showValue"
                    [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-city">{{item.placeHolder}}</i><i
                      class="lj-right-icon"></i></span>

                </p>
              </ng-container>

              <!-- zone -->
              <!-- 区域多选 -->
              <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(item.subHtmlObj[0])">
                  <span
                    *ngIf="item.subHtmlObj[0].value && item.subHtmlObj[0].value !== '' && item.subHtmlObj[0].value.length "
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-zone">{{item.subHtmlObj[0].showValue}}</i><i
                      class="lj-right-icon"></i></span>

                  <span *ngIf="!item.subHtmlObj[0].value"
                    [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                      class="lj-item-value lj-item-value-zone ">{{item.subHtmlObj[0].placeHolder}}</i><i
                      class="lj-right-icon"></i></span>

                </p>

              </ng-container>

              <!-- 区域 单选-->
              <ng-container *ngIf="item.subHtmlObj &&  item.subHtmlObj[0].formType === 'pickerSelectLJ'">

                <p class="lj-picker-bg">
                  <span  appDebounceClick
                    (debounceClick)="clickOnPickerSelect(item.subHtmlObj[0])"  class="input" style="width: 100%;display: flex;align-items: center;">
                    <span [className]="(item.subHtmlObj[0].value && !item.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                        class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i class="lj-right-icon"></i></span>
                  </span>
                </p>

              </ng-container>
            </div>



          </div>
        </ng-container>
        <!-- 提示标签 -->
        <ng-container *ngSwitchCase="'hintText'">
          <div id="{{hintId}}" class="hint-text-box" [ngStyle]="item.cssStyle | styleFilter">
            <div [ngStyle]="item.background | styleFilter" class="header-box">
              <div class="top-head-box" [ngStyle]="item.valueCssStyle | styleFilter">
                <img src="{{item.leftIcon}}"
                  [ngClass]="{'header-left-img': item.leftBgIcon!==undefined,'header-img':item.leftBgIcon===undefined}"
                  onerror="this.src='assets/img/icon_explain@3x.png'" />
                <img *ngIf="item.leftBgIcon" src="{{item.leftBgIcon}}" class="header-bg-img"
                  onerror="this.src='assets/fw/recommend-bg1@3x.png'" />
                <p [ngStyle]="item.fontCssStyle | styleFilter">{{item.tips}} </p>
                <img *ngIf="item.leftBgIcon" src="assets/fw/home_icon_close1@3x.png" class="header-close-img"
                  appDebounceClick (debounceClick)="closeHint($event)" onerror="this.src='assets/fw/home_icon_close1@3x.png'" />
              </div>
              <div class="show-value-box" *ngIf="item.showValue">
                <div class="show-value-font" [innerHTML]="item.showValue | parseStyle"></div>
              </div>
            </div>
          </div>
        </ng-container>

        <!-- 地图选择的详细地址 -->
        <ng-container *ngSwitchCase="'detailAddress'">
          
            <div class="post-item post-item-div" id="showSelectAddressModelId" [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

              <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" >{{item.label}}</ion-label>
              
              
          
            <ion-input *ngIf="!item.textType || item.textType !== 'number'" type="text" [maxlength]="item.maxLength"
                [(ngModel)]="item.value" [ngStyle]="item.valueCssStyle | styleFilter"
                [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" [readonly]="item.disabled"
                appDebounceClick (debounceClick)="inputClick(item)">
              </ion-input>
              <!-- 数字类型 -->
              <ion-input *ngIf="item.textType === 'number'" type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                onafterpaste="if((value===''))execCommand('undo')"
                onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
                [ngStyle]="item.valueCssStyle | styleFilter" (ionChange)="changeValue($event, item)"
                [(ngModel)]="item.value" [maxlength]="item.maxLength" [attr.placeholder]="item.placeHolder"
                [formControlName]="item.formKey" [readonly]="item.disabled" appDebounceClick (debounceClick)="inputClick(item)">
              </ion-input>
          
            <i class="detail-icon detail-map" [ngStyle]="item.endIconCssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMapPage(item)"></i>
          </div>
        </ng-container>

        <!-- 发布小控件 -->
        <ng-container *ngSwitchCase="'releaseTypeWidget'">
          <ul class="type-bg">
            <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='1'">
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">

                  <ng-container *ngIf="li.value==='0' && li.index==='1'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='1'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='1'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>

                </ng-container>
              </div>
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">

                  <ng-container *ngIf="li.value==='0' && li.index==='2'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='2'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='2'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>
                </ng-container>
              </div>
              <div class="index-box-1">
                <ng-container *ngFor="let li of item.itemList">
                  <ng-container *ngIf="li.value==='0' && li.index==='3'">
                    <p class="item-content item-label-p">{{li.label}}</p>
                  </ng-container>
                  <ng-container *ngIf="li.value!=='0' && li.index==='3'">

                    <li class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)" *ngIf="li.index==='3'">
                      <div class="item-bg" [ngClass]="{'check': li.check}" [ngStyle]="item.cssStyle|styleFilter">
                        <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                      </div>
                    </li>
                  </ng-container>
                </ng-container>
              </div>
            </ng-container>
            <ng-container *ngIf="item.itemList[0]&&item.itemList[0].index==='0'">
              <li *ngFor="let li of item.itemList" class="type-item" appDebounceClick (debounceClick)="chooseReleaseType(item,li)">
                <div class="item-js-bg" [ngClass]="{'check': li.check}">
                  <p class="item-content" [ngClass]="{'check': li.check}">{{li.label}}</p>
                </div>
              </li>
            </ng-container>
          </ul>
        </ng-container>

        <!-- 标题标签 -->
        <ng-container *ngSwitchCase="'titleTip'">
          <div class="title-tip-box" [ngStyle]="item.cssStyle | styleFilter">
            <span class="title-tip-span" [ngStyle]="item.valueColor | styleFilter"></span>
            <p class="title-tip-p">
              <ng-container *ngIf="item.showValue">{{item.showValue}}</ng-container>
            </p>
          </div>
        </ng-container>

        <ng-container *ngSwitchCase="'quickRelease'">
          <div class="quick-bg" appDebounceClick (debounceClick)="changeItemobjValidator(item,'quickRelease')">
            <ng-container *ngIf="appTypeCustom==='LJ'">
              <ng-container *ngIf="item.value === 'true'">
                <img src="assets/icon/quick_release_checked_lj@3x.png" class="release-check">
              </ng-container>
            </ng-container>
            <ng-container *ngIf="appTypeCustom!=='LJ'">
              <ng-container *ngIf="item.value === 'true'">
                <img src="assets/icon/quick_release_checked@3x.png" class="release-check">
              </ng-container>
            </ng-container>
            <ng-container *ngIf="item.value !== 'true'">
              <img src="assets/icon/release_icon_unchecked@3x.png" class="release-uncheck">
            </ng-container>
            <span class="release-label">{{item.label}}</span>
          </div>
        </ng-container>
        <ng-container *ngSwitchCase="'checkBox'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
        <!--  举报 -->
        <ng-container *ngSwitchCase="'showSingleSelect'">
         
          <div [ngStyle]="item.background | styleFilter">
            <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">
              <label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" class="item-label"
                [innerHTML]="item.label | parseStyle"></label>
              <ng-container *ngIf="item.link !== undefined">

                <img class="icon-map" style="margin-right: 0.19rem;" *ngIf="item.link.icon" width="8%"
                  src="assets/icon/{{item.link.icon}}" alt="" appDebounceClick (debounceClick)="showMessage(item.link)">
                <!-- {{item.link.icon}} icon_help_notes@3x.png-->
                <span class="jointEnd" style="font-size: 0.75rem; white-space: nowrap;" *ngIf="item.link.label"
                  appDebounceClick (debounceClick)="showMessage(item.link)">{{item.link.label}}</span>
              </ng-container>

            </div>

            <ul style="padding-left:1rem;padding-right:1rem" [ngStyle]="item.sepCssStyle | styleFilter">
              <ng-container *ngFor="let info of item.itemList,let i=index">
                <li  class="li-bg" [ngStyle]="(info.check ? item.itemListCheckedCssStyle : item.placeholderCssStyle) | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'showSingleSelect',info)" >

                <img [src]="info.icon" alt="" [ngStyle]="item.itemListIconCssStyle | styleFilter" *ngIf="info.icon">
                <i [ngStyle]="item.extraCssStyle | styleFilter" >
                  <div [ngStyle]="item.valueCssStyle | styleFilter">
                  <img [src]="(info.check ? (info.iconOn ? info.iconOn : 'assets/icon/quick_release_checked_lj@3x.png') : 'assets/icon/release_icon_unchecked@3x.png')" class="release-uncheck" [ngStyle]="item.leftIconCssStyle | styleFilter">
                
                  <span class="li-item" [ngStyle]="item.showValueCssStyle | styleFilter" [innerHTML] = "info.label | parseStyle"></span>
                </div>
                <p *ngIf="info.valueN && info.valueN.length > 0" [ngStyle]="item.valueNCssStyle | styleFilter">
                  <span class="item-unit" *ngIf="item.unit">{{item.unit}}</span><i [innerHTML] = "info.valueN | parseStyle"></i></p>
                </i>
                
                
                <ng-container *ngIf="info.check && info.formObj && info.formObj.length > 0">
                  <!-- 选项增加表单项 -->
                  <ng-container *ngFor="let it of info.formObj" [ngSwitch]="it.formType">
                    <ng-container *ngSwitchCase="'textInput'">
                      <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                    </ng-container>
                  </ng-container>
                </ng-container>

              </li>
              
              </ng-container>
            </ul>
            <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj[0].formType === 'addType'">
              <!-- 文本类型 -->
              <p class="type-input-bg">
                <img [src]="item.subHtmlObj[0].check ? 'assets/icon/quick_release_checked_lj@3x.png' : 'assets/icon/release_icon_unchecked@3x.png'" class="release-uncheck" [ngStyle]="item.subHtmlObj[0].leftIconCssStyle | styleFilter">

                <ion-input *ngIf="!item.subHtmlObj[0].textType || item.subHtmlObj[0].textType !== 'number'" type="text" [maxlength]="item.subHtmlObj[0].maxLength"
                [(ngModel)]="item.subHtmlObj[0].value"  [formControlName]="item.subHtmlObj[0].formKey"
                [attr.placeholder]="item.subHtmlObj[0].placeHolder" (ionChange)="typeChangeValue($event, item)">
                </ion-input>
                <i  [ngStyle]="item.subHtmlObj[0].extraCssStyle | styleFilter" appDebounceClick (debounceClick)="typeCheckClick(item)">
                  <img [src]="item.subHtmlObj[0].endIcon" [ngStyle]="item.subHtmlObj[0].endIconCssStyle | styleFilter" class="type-check" >
                  {{item.subHtmlObj[0].extra}}
                </i>
              </p>
            </ng-container>
            
          </div>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                      [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span
                      style="width:0.03rem;
                    height:0.94rem;
                    background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                      [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </ion-item>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!-- 多行备注 -->
              <ng-container *ngSwitchCase="'textArea'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

            <!-- 时间选择1 -->          
            <ng-container *ngSwitchCase="'chooseTimeRange'">
              <ng-container *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                <div class="chooseTimeRange">
                  <div class="chooseTimeRange-left">
                    <ng-container *ngFor="let ite of it.daysList;let i = index">
                      <span class="chooseTimeRange-left-span"
                        [ngClass]="{'left-active': ite.check}" *ngIf="ite.isHidden === undefined"
                        appDebounceClick (debounceClick)="heightLightLeft(it,ite, i)"
                        [ngStyle]="ite.check && ite.check==true?(it.valueCssStyle | styleFilter ):( it.placeholderCssStyle | styleFilter)"
                      >{{ite.label}}</span>
                    </ng-container>
                  </div>

                  <div class="chooseTimeRange-right">
                    <ng-container *ngFor="let ite of it.itemList;let i = index">
                      <ng-container *ngIf="it.sep && it.daysList[0].check === true; else normalData">
                        <p class="chooseTimeRange-right-p" *ngIf="ite.apn && ( ((ite.value.slice(0,2) - 0) + (i+2) - it.sep) > (todayHHMM.slice(0,2)) && (todayHHMM.slice(0,2)) < 21  )">
                          {{ite.apn}}
                        </p>
                        <span class="chooseTimeRange-right-span"
                          [ngClass]="{'right-active':ite.check}"
                          *ngIf="ite.isShow !== false"
                          appDebounceClick (debounceClick)="heightLightRight(it,ite)"
                          [ngStyle]="ite.check==true?(it.itemListCheckedCssStyle|styleFilter):(it.itemListCssStyle| styleFilter)"
                        >
                          {{ite.value}}
                        </span>
                      </ng-container>
                      <ng-template #normalData>
                        <p class="chooseTimeRange-right-p" *ngIf="ite.apn && it.daysList[0].check != true || ite.apn && ( ((ite.value.slice(0,2) - 0) + (i+2)) > todayHHMM.slice(0,2) && todayHHMM.slice(0,2) < 21  )">
                          {{ite.apn}}
                        </p>
                        <span class="chooseTimeRange-right-span"
                          [ngClass]="{'right-active':ite.check}"
                          *ngIf="item.daysList[0].check != true || (ite.value.slice(6,8)*60) - (todayHHMM.slice(0,2)*60 + (todayHHMM.slice(3,5) - 0)) > min?min:1"
                          appDebounceClick (debounceClick)="heightLightRight(item,ite)"
                          [ngStyle]="ite.check==true?(it.itemListCheckedCssStyle|styleFilter):(it.itemListCssStyle| styleFilter)"
                        >
                          {{ite.value}}
                        </span>
                      </ng-template>
                    </ng-container>
                  </div>
                </div>
              </ng-container>
            </ng-container>

            </ng-container>

          </ng-container>
        </ng-container>

        <!-- 占位行 -->
        <ng-container *ngSwitchCase="'grayItem'">
          <div class="gray-item" [ngStyle]="item.cssStyle | styleFilter"></div>
        </ng-container>
        <!-- 模态 编辑更多信息 -->
        <ng-container *ngSwitchCase="'modalEditMoreInfo'">
          <ion-item class="post-item" lines="inset" style="text-align: center;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
            <label style="color: #858894;font-size: 0.88rem; width: 100%;">{{item.tips}}<i
                class="more-icon"></i></label>
          </ion-item>
        </ng-container>

        <!-- 左邻右舍 commaSpliceForm ,-->
        <ng-container *ngSwitchCase="'commaSpliceShowValueForm'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>

        </ng-container>

        <!-- 左邻右舍  multipleForm 第二层 ,-->

        <ng-container *ngSwitchCase="'multipleForm'">
          <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
            <ng-container *ngSwitchCase="'grayItem'">
              <div class="gray-item" [ngStyle]="it.cssStyle | styleFilter"></div>
            </ng-container>
            <!-- 嵌套其中一个 textInput 类型 先-->
            <ng-container *ngSwitchCase="'textInput'">
              <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
            </ng-container>
          </ng-container>
        </ng-container>




        <!-- 营业时间段 [(ngModel)]="item.subHtmlObj[0].showValue" -->
        <ng-container *ngSwitchCase="'timeSlot'">
          <app-text-input  [item] = "item" (output) = "outputTextInput($event)"> </app-text-input>
        </ng-container>

        <!-- 面积区间 -->
        <ng-container *ngSwitchCase="'areaSlot'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <span class="before-txt" *ngIf="item.subHtmlObj[0].beforeTxt">{{item.subHtmlObj[0].beforeTxt}}</span>
            <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
              onafterpaste="if((value===''))execCommand('undo')"
              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
              [ngClass]="{'number-center': item.subHtmlObj[0].beforeTxt}" (ionChange)="areaSlotchange($event,item,0)"
              [(ngModel)]="item.subHtmlObj[0].value" [maxlength]="item.subHtmlObj[0].maxLength"
              [attr.placeholder]="item.subHtmlObj[0].placeHolder" [formControlName]="item.subHtmlObj[0].formKey">
            </ion-input>
            <span class="before-txt" *ngIf="item.subHtmlObj[0].afterTxt">{{item.subHtmlObj[0].afterTxt}}</span>
            <span style="width:0.03rem;
            height:0.94rem;
            background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
            <span class="before-txt" *ngIf="item.subHtmlObj[1].beforeTxt">{{item.subHtmlObj[1].beforeTxt}}</span>
            <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
              onafterpaste="if((value===''))execCommand('undo')"
              onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
              [ngClass]="{'number-center': item.subHtmlObj[1].beforeTxt}" (ionChange)="areaSlotchange($event,item,1)"
              [(ngModel)]="item.subHtmlObj[1].value" [maxlength]="item.subHtmlObj[1].maxLength"
              [attr.placeholder]="item.subHtmlObj[1].placeHolder" [formControlName]="item.subHtmlObj[1].formKey">
            </ion-input>
            <span class="before-txt" *ngIf="item.subHtmlObj[1].afterTxt">{{item.subHtmlObj[1].afterTxt}}</span>
            <!-- 行尾文字 -->
            <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            <!-- 租金单位 -->
            <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj.length === 3">
              <input type="text" (focus)="showActionSheet(item.subHtmlObj[2])"
                [formControlName]="item.subHtmlObj[0].formKey" class="displayno">
              <span class="single-picker" appDebounceClick (debounceClick)="showActionSheet(item.subHtmlObj[2])">{{item.subHtmlObj[2].showValue}}
                <i class="right-img"></i>
              </span>
            </ng-container>
          </ion-item>
        </ng-container>

        <!--modal 描述 -->
        <ng-container *ngSwitchCase="'modalOfTextArea'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>

        <!--modal 编辑更多项目 -->
        <ng-container *ngSwitchCase="'modalOfMoreItems'">
          <div class="post-item post-item-div"  [ngStyle]="item.cssStyle | styleFilter" [ngClass]="{'border-none': item.lines === 'none'}">

            <ion-label *ngIf="item.label && item.label.length > 0" [ngStyle]="item.labelCssStyle | styleFilter" >{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalMoreEditInfo(item)"
              class="displayno">
              <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== '' &&item.innerHTML" [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle">
              <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            </span>
            <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="item.showValue && item.showValue !== '' &&!item.innerHTML" [ngStyle]="item.valueCssStyle | styleFilter" > {{item.showValue}}
              <span class="jointEnd" *ngIf="item.extra">{{item.extra}}</span>
            </span>

            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
              <i class="detail-icon" [ngStyle]="item.endIconCssStyle | styleFilter"></i>
          </div>
        </ng-container>

        <!--tipsMessage 提示 -->
        <ng-container *ngSwitchCase="'tipsMessage'">
          <div style="height: 3.44rem; line-height: 3.44rem; box-shadow: 0rem 0.03rem 0rem 0rem rgba(235,235,237,1);">
            <img class="tips-icon" src="assets/icon/{{item.leftIcon}}" alt="">
            <p class="tips-label">{{item.label}}</p>
          </div>

        </ng-container>
        <ng-container *ngSwitchCase="'tipsItem'">
          <ion-item class="post-item" lines="inset">

            <ion-label *ngIf="item.label && item.label !==''">{{item.label}}</ion-label>
            <ion-input [value]=item.value [readonly]="true" [ngStyle]="{'color': item.valueColor}">
            </ion-input>
          </ion-item>
        </ng-container>

        <!-- 独立分割线 -->
        <ng-container *ngSwitchCase="'sepline'">
          <div class="sepline-bg" [ngStyle]="item.cssStyle | styleFilter">
            <hr class="sepline">
          </div>

        </ng-container>

        <!-- 选择房型 modalMultipleFormKeySelect-->
        <ng-container *ngSwitchCase="'modalMultipleFormKeySelect'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <span class="input" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="houseTypeShowValue && houseTypeShowValue !== ''">{{houseTypeShowValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMultipleFormKeySelect(item)"
              *ngIf="!houseTypeShowValue || houseTypeShowValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>
        <!-- 城市多选 -->
        <ng-container *ngSwitchCase="'mCitySelect'">
          <ion-content style="--background: white;">
            <ion-index-list-m [hasTop]="true">
              <div *ngFor="let group of item.groupCities">

                <ion-index-section-m [index]="group.l" *ngIf="(group.c|filter:key).length > 0">

                  <ion-index-cell-m *ngFor="let city of group.c | filter:key; last as last">
                    <span appDebounceClick (debounceClick)="cityClick(city,item)" [ngClass]="{'city-item-s': city.isSelected}"
                      class="city-item">{{city?.n}}</span>

                  </ion-index-cell-m>
                </ion-index-section-m>
              </div>
            </ion-index-list-m>
          </ion-content>

        </ng-container>
        <!-- 部门树形选择 -->
        <ng-container *ngSwitchCase="'departmentSelect'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalDepartmentPage(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}</span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalDepartmentPage(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}</span>
            <i class="detail-icon"></i>
          </ion-item>

        </ng-container>
        <ng-container *ngSwitchCase="'descInfo'">
          <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
            <p class="desc-info" [ngStyle]="item.cssStyle | styleFilter">{{item.label}}</p>
          </ion-item>

        </ng-container>

        <!--modal 编辑预售证 户型图 -->
        <ng-container *ngSwitchCase="'modalOfLocalEdit'">
          <ion-item class="post-item">
            <ion-label>{{item.label}}</ion-label>
            <input type="text" [attr.placeholder]="item.placeHolder" (focus)="openModalLocalEdit(item)"
              class="displayno">
            <span class="input" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
              *ngIf="item.showValue && item.showValue !== ''">{{item.showValue}}<span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>
            <span class="input lightgrey" appDebounceClick (debounceClick)="openModalLocalEdit(item)"
              *ngIf="!item.showValue || item.showValue === ''">{{item.placeHolder}}<span class="jointEnd"
                *ngIf="item.extra">{{item.extra}}</span></span>

            <i class="detail-icon"></i>
          </ion-item>
        </ng-container>

        <!-- 入驻 -->
        <ng-container *ngSwitchCase="'titleContent'">
          <div class="lj-post-item" [ngClass]="{'js-post-item':item?.appType==='JS'}">
            <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
              <span class="">{{item.label}}</span>
              <img appDebounceClick (debounceClick)="openPage(item.link)" class="question" src="assets/laijian/icon_help_notes@3x.png"
                alt="">
            </div>

          </div>
        </ng-container>
        <!-- 提现标题 -->
        <ng-container *ngSwitchCase="'titleContentCenter'">
          <div class="lj-post-item titleContentCenter" [ngClass]="{'js-post-item':item?.appType==='JS'}"
            [ngStyle]="item?.cssStyle | styleFilter">
            <p class="title-content-center" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}} </p>
            <p class="title-tip-center" *ngIf="item.tips">{{item.tips}}</p>


          </div>
        </ng-container>
        <!-- 级别选项 -->
        <ng-container *ngSwitchCase="'chooseGrade'">
          <div class="grade-bg" [ngStyle]="item?.cssStyle | styleFilter">
            <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
            <div class="grade-items">
              <div class="item"
                [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                *ngFor="let it of item.itemList ; let i = index"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                <p class="title">{{it.label}}</p>
                <p class="price"> <span>￥</span>{{it.valueN}}</p>
                <p class="year">{{it.unit}}</p>
              </div>
            </div>
          </div>
        </ng-container>
        <!-- 管家服务年限 -->
        <ng-container *ngSwitchCase="'serviceYear'">
          <div class="grade-bg serviceYear" [ngStyle]="item?.cssStyle | styleFilter">
            <p class="grde-title" *ngIf="item.label && item.label.length > 0">{{item.label}}</p>
            <div class="grade-items">
              <div class="item item-year"
                [ngClass]="{'item-checked': it.value === item.value, 'item-last':i === item.itemList.length -1}"
                *ngFor="let it of item.itemList ; let i = index"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'switchButton',i)">
                <p class="title" style="text-align: left; width: 100%; font-size: 0.88rem;">{{it.label}}</p>
                <p class="price" style="text-align: center; font-size: 1.28rem;"> <span
                    style="font-size: 0.75rem;">￥</span>{{it.valueN}}</p>
                <!-- <p class="year">{{it.unit}}</p> -->
              </div>
            </div>
          </div>
        </ng-container>
        <!-- 同意协议 -->
        <ng-container *ngSwitchCase="'joinLink'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
            </p>
          </div>

        </ng-container>


        <!-- 同意协议 -->
        <ng-container *ngSwitchCase="'joinLinkTwoLine'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-bg" style="margin-bottom: 0.63rem; padding-left: 1.25rem;"><i
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                style="color: #252629; font-size: 0.88rem; margin-left: 0.3rem;"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span> <span class="xieyi"
                *ngIf="item.tips" appDebounceClick (debounceClick)="openPage(item.link)">{{item.tips}}</span>
            </p>
            <p class="place-holder-link">{{item.placeHolder}}</p>

          </div>


        </ng-container>
        <!-- 审核资料 -->
        <ng-container *ngSwitchCase="'checkData'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <p class="check-data-bg"><i appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')"
                [ngClass]="{'uncheck': !item.checked,'checked': item.checked}"></i> <span
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
            </p>

            <div class="imgs-bg" *ngIf="item.itemList && item.itemList.length > 0">
              <ng-container *ngFor="let it of item.itemList ;let i = index">
                <div style="display:flex; align-items: center; flex-direction: column;"
                  appDebounceClick (debounceClick)="pageModalService.openImage(i,item.itemList)">
                  <img class="item" [ngClass]="{'item-big': item.extra === 'identity'}" src="{{it.value}}" alt="">
                  <span *ngIf="it.label && it.label.length > 0" class="label">{{it.label}}</span>
                </div>
              </ng-container>
            </div>
          </div>

        </ng-container>
        <!--  材料多选 -->
        <ng-container *ngSwitchCase="'multipleSelect'">
          <div class="lj-post-item" [ngClass]="{'js-post-item':item?.appType==='JS'}"
            *ngIf="item.label && item.label.length> 0 || item.tips && item.tips.length> 0">
            <div class="lj-post-item-label" *ngIf="item.label && item.label.length> 0"
              [ngStyle]="item?.labelCssStyle | styleFilter">
              <span class="multiple-select-label">{{item.label}}</span>
            </div>
            <p class="multiple-select-tips" *ngIf="item.tips && item.tips.length> 0"> <span
                [ngStyle]="item?.valueCssStyle |styleFilter">{{item.tips}}</span> <img *ngIf="item.link"
                appDebounceClick (debounceClick)="openPage(item.link)" class="question" src="../assets/laijian/icon_help_notes@3x.png"
                alt=""></p>
          </div>

          <ng-container *ngFor="let it of item.children">
            <div class="row-bg" [ngStyle]="item.cssStyle | styleFilter">
              <div class="row">
                <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                  appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                <span style="flex-grow: 1;" appDebounceClick (debounceClick)="openOrCloseClick(it)">{{it.label}}</span>
                <i [ngClass]="{'noOpen': !it.open,'open': it.open}" appDebounceClick (debounceClick)="openOrCloseClick(it)"></i>

              </div>
              <div class="tag-bg" id=it.value [ngClass]="{'displayno': !it.open}">
                <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                  *ngFor="let tag of it.children">{{tag.label}}</div>
              </div>

            </div>

          </ng-container>
        </ng-container>

        <!--  材料多选3 主要建材 有全选 -->
        <ng-container *ngSwitchCase="'multipleSelect3'">
          <ng-container>
            <ng-container *ngIf="item.tips && item.tips.length > 0">
              <div class="multiple-select-bg-3-tips">{{item.tips}}</div>
            </ng-container>

            <div class="multiple-select-bg-3" [ngClass]="{'has-tips': item.tips && item.tips.length > 0}"
              [ngStyle]="item.cssStyle | styleFilter">
              <div class="multiple-select-left">
                <div class="item-left" [ngClass]="{'item-left-open': it.open}" *ngFor="let it of item.children; "
                  appDebounceClick (debounceClick)="itemLeftClick(it,item)">
                  <span class="yellow-current" *ngIf="it.open"></span>
                  <span class="red-dot" *ngIf="it.hasValue"></span>
                  {{it.label}}
                </div>
              </div>
              <div class="multiple-select-right"
                [ngClass]="{'multiple-select-right-first': item.current !== item.children[0]}">
                <ng-container
                  *ngIf="item.current?.children?.length > 0 && (!item.current?.children[0].children || item.current?.children[0].children?.length === 0); else hasChildren">

                  <div class="row-bg"
                    style="padding-left: 1rem;padding-right:0.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                    <div class="row" style="margin-bottom: 1.75rem;margin-top: 0" *ngIf="item.showCheckAll === 'true'">
                      <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                        appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                      <span style="flex-grow: 1;">全选</span>
                    </div>
                    <div class="tag-bg">
                      <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,tag,item)"
                        *ngFor="let tag of item.current.children">{{tag.label}}</div>
                    </div>

                  </div>
                </ng-container>
                <ng-template #hasChildren>

                  <div class="row-bg" style="padding-left: 1.25rem;padding-top: 0;margin-bottom: 0.5rem;">
                    <div class="row" style="margin-bottom: 1.75rem;margin-top: 0;" *ngIf="item.showCheckAll === 'true'">
                      <i [ngClass]="{'nochecked-row': !item.current.checked,'checked-row': item.current.checked}"
                        appDebounceClick (debounceClick)="chooseCurrentAll(item)"></i>
                      <span style="flex-grow: 1;">全选</span>
                    </div>

                    <ng-container *ngFor="let it of item.current?.children">
                      <div class="row">
                        <i [ngClass]="{'nochecked-row': !it.checked,'checked-row': it.checked}"
                          appDebounceClick (debounceClick)="chooseAll(it,item)"></i>
                        <span style="flex-grow: 1;">{{it.label}}</span>
                      </div>
                      <div class="tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                        <div class="tag" [ngClass]="{'tag-checked': tag.checked}" appDebounceClick (debounceClick)="tagClick(tag,it,item)"
                          *ngFor="let tag of it.children">{{tag.label}}</div>
                      </div>
                    </ng-container>



                  </div>
                </ng-template>


              </div>

            </div>


          </ng-container>
        </ng-container>

        <!-- 服务价格  -->
        <ng-container *ngSwitchCase="'price'">
          <div class="service_price_bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="service_price_label">{{item.label}}</p>
            <p class="service_price">{{item.showValue}}<span class="service_price_extra">{{item.extra}}</span></p>
          </div>

        </ng-container>


        <ng-container *ngSwitchCase="'editMultipleSelect'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue"></p>
          </div>
        </ng-container>

        <!-- 中间弹窗多选——label value 分开两行 -->
        <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showMultipleColumnSelect(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue | parseStyle"></p>
          </div>
        </ng-container>

        <!-- 服务明细类别-->
        <ng-container *ngSwitchCase="'serviceType'">
          <div class="lj-post-item serviceType" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" *ngIf="item.label && item.label.length > 0">
              {{item.label}}
            </p>

            <ng-container *ngIf="item.itemList && item.itemList.length > 9; else elseTemplate">
              <div class="service-bg">
                <ng-container *ngFor="let it of item.itemList.slice(0,8)">
                  <p class="service-item"><img src="../assets/fw/service_type.png"
                      alt=""><span>{{it.label}}</span></p>
                </ng-container>
                <p class="service-item" appDebounceClick (debounceClick)="showAllType(item)"><img src="../assets/fw/more_type.png"
                    alt=""><span style="font-size: 0.94rem;color: #FFAA00;">查看全部</span></p>

              </div>
            </ng-container>
            <ng-template #elseTemplate>
              <div class="service-bg">
                <ng-container *ngFor="let it of item.itemList">
                  <p class="service-item"><img src="../assets/fw/service_type.png"
                      alt=""><span>{{it.label}}</span></p>
                </ng-container>
              </div>
            </ng-template>



          </div>

        </ng-container>

        <!-- 评分  -->
        <ng-container *ngSwitchCase="'scoreFormType'">
          <div class="score-type-bg scoreFormType" [ngStyle]="item.cssStyle | styleFilter">
            <p class="score-type-label" *ngIf="item.label">{{item.label}}</p>
            <app-rating [rate]="item.value" [edit]=!item.disabled (updateRate)="updateRateReturn($event,item)">
            </app-rating>
            <p class="score-type-tip" *ngIf="item.showValue">{{item.showValue}}</p>
          </div>

        </ng-container>



        <!-- btn 切换  系统样式-->
        <ng-container *ngSwitchCase="'switchButtonSystem'">
          
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
        
        </ng-container>
        <!-- 启动关注页 addby andrew.wen  -->
        <ng-container *ngSwitchCase="'multipleInterestSelect'">
          <div class="lj-post-item">
            <div class="lj-post-item-label" [ngStyle]="item?.cssStyle | styleFilter">
              <p class="selectionSubTitle">{{item.label}}</p>
              <div class="right-item-new" *ngIf="item.data && item.data.length > 0">
                <li class="sw-lj-item-new" *ngFor="let it of item.data; let a = index;"
                  appDebounceClick (debounceClick)="changeItemobjValidator(item,'multipleInterestSelect',a)">
                  <img [src]="it.icon" onerror="this.src='assets/img/default_rk.png'" class="iconImg" />
                  <i [ngClass]="{'nochecked':it.check===false ,'checked':it.check===true}"></i>
                  <font class="labelFont">
                    {{it.label}}
                  </font>
                </li>
              </div>
            </div>
          </div>
        </ng-container>

        <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">

          </div>

        </ng-container>
        <!-- 59.4 modalMultipleSelect3_Auto_Full 弹窗自适应完整2-3级分类多选 子项不定宽 (全屏窗)-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue | parseStyle"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">

          </div>

        </ng-container>
        <!-- 自适应2-3级分类多选 子项定宽 2个一行 半屏幕-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3'">
          <ion-item class="post-item" appDebounceClick (debounceClick)="modalMultipleSelect3(item)">
            <ion-label>{{item.label}}</ion-label>
            <span class="input"
              *ngIf="item.showValue && item.showValue !== '' && item.showValue.length ">{{item.showValue}}</span>
            <span class="input lightgrey"
              *ngIf="item.showValue === '' || item.showValue === undefined || !item.showValue.length">{{item.placeHolder}}</span>
            <i class="select-span"></i>
          </ion-item>
        </ng-container>
        <!-- 自适应2-3级分类多选 子项不定宽 半屏-->
        <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto'">

          <div class="lj-post-item">
            <p class="lj-post-item-label">
              {{item.label}}
            </p>

            <p class="lj-picker-bg" appDebounceClick (debounceClick)="modalMultipleSelect3(item,true)">
              <span *ngIf="item.value && item.value !== '' && item.value.length "
                [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.showValue}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

              <span *ngIf="!item.value" [className]="(item.value && !item.disabled) ? 'select-checked' : 'lightgrey'"><i
                  class="lj-picker-left-icon"></i><i class="lj-item-value">{{item.placeHolder}}</i><i
                  *ngIf="item.del && item.value" class="lj-picker-right-del" appDebounceClick (debounceClick)="deleteValue(item)"></i><i
                  class="lj-right-icon"></i></span>

            </p>

          </div>
        </ng-container>


        <!-- // 60. singleSelect3 自适应2-3级分类单选 子项定宽 2个一行（占全屏） -->

        <ng-container *ngSwitchCase="'singleSelect3'">
          <div class="single-select-bg-3" [ngStyle]="item.labelCssStyle | styleFilter">
            <div class="single-select-left" [ngStyle]="item.placeholderCssStyle | styleFilter">
              <div class="single-item-left" [ngClass]="{'single-item-left-open': it.open}"
                *ngFor="let it of item.children; " appDebounceClick (debounceClick)="singleItemLeftClick(it,item)">
                <span class="yellow-current" *ngIf="it.open"></span>
                <span class="red-dot" *ngIf="it.hasValue"></span>
                {{it.label}}
              </div>
            </div>
            <div class="single-select-right"
              [ngClass]="{'single-select-right-first': item.current !== item.children[0]}" [ngStyle]="item.placeholderNCssStyle | styleFilter">

              <ng-container
                *ngIf="item.current?.children?.length > 0 && (!item.current?.children[0].children || item.current?.children[0].children?.length === 0); else hasChildren">

                <div class="single-row-bg">
                  <div class="single-tag-bg">
                    <div class="single-tag" [ngStyle]="item.valueCssStyle | styleFilter" [ngClass]="{'tag-mr075': a%2 === 0,'tag-checked': tag.checked}"
                      appDebounceClick (debounceClick)="singleTagClick(tag,item)" *ngFor="let tag of item.current?.children ,let a = index">
                      {{tag.label}}
                    </div>
                  </div>

                </div>
              </ng-container>
              <ng-template #hasChildren>
                <div class="single-row-bg" *ngFor="let it of item.current?.children, let i = index">

                  <div class="single-row" [ngClass]="{'not-first-row': i !== 0}">

                    <span style="flex-grow: 1;">{{it.label}}</span>
                  </div>
                  <div class="single-tag-bg" id=it.value *ngIf="it.children && it.children.length >0">
                    <div class="single-tag" [ngStyle]="item.valueCssStyle | styleFilter" [ngClass]="{'tag-mr075': a%2 === 0,'tag-checked': tag.checked}"
                      appDebounceClick (debounceClick)="singleTagClick(tag,item)" *ngFor="let tag of it.children, let a = index">{{tag.label}}
                    </div>
                  </div>

                </div>
              </ng-template>


            </div>

          </div>
        </ng-container>

        <!-- 分段 标题描述 -->
        <ng-container *ngSwitchCase="'sectionDesc'">
          <p class="section-desc" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <span [ngStyle]="item.labelCssStyle | styleFilter" class="sectionDescLabel">{{item.label}}</span>
            <input type="text" [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" class="displayno">
            <span class="input font17" [ngStyle]="item.valueCssStyle | styleFilter"
              *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
            <span class="input lightgrey font17" [ngStyle]="item.valueCssStyle | styleFilter"
              *ngIf="!item.value && item.placeHolder">{{item.placeHolder}}</span>
            <i *ngIf="item.endIcon" class="detail-icon" style="margin-right: 0.5rem;"></i>
          </p>
        </ng-container>
        <!-- 设计风格 -->
        <ng-container *ngSwitchCase="'multipleDesignStyleSelect'">
          <div class="multipleDesignStyleSelect multiple-design-style-select-bg">
            <ng-container *ngFor="let itemInfo of item.itemList">
              <div class="design-style-item" appDebounceClick (debounceClick)="designStyle(itemInfo,item)">
                <img src="{{itemInfo.icon}}" alt="" class="design-style-item-img">
                <div *ngIf="itemInfo.status === 'false'" class="design-style-item-img-mark"></div>
                <p class="design-style-item-tag" *ngIf="itemInfo.status === 'false'">{{itemInfo.tagLabel}}</p>

                <ng-container *ngIf="itemInfo.status === 'true'">
                  <i *ngIf="itemInfo.check" class="design-style-item-check"
                    [ngStyle]="item.cssStyle | styleFilter">{{itemInfo.index}}</i>
                  <i *ngIf="!itemInfo.check" class="design-style-item-uncheck"></i>
                </ng-container>


                <p class="design-style-item-label">{{itemInfo.label}}</p>
              </div>
            </ng-container>
          </div>


        </ng-container>


        <!-- 转让出租出售 -->
        <ng-container *ngSwitchCase="'switchButtonLJ_icon'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">


              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  <!-- 三级嵌套 -->
                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let it_3 of it.subHtmlObj" [ngSwitch]="it_3.formType">


                      <!-- radioButtonLJ -->
                      <ng-container *ngSwitchCase="'radioButtonLJ'">
                        <ng-container
                          *ngIf="(it.value && it_3.showCondition && it_3.showCondition.indexOf(it.value) > -1) ||  !it_3.showCondition">
                          <p class="lj-radio-button-bg">
                            <ng-container *ngIf="it.itemList">
                              <span class="no-show">{{it_3.label}}</span>
                              <span class="sw-lj-item-btn" *ngFor="let i of it_3.itemList;let a = index"
                                [ngClass]="{'nochecked':it_3.value !== i.value,'checked':it_3.value === i.value }"
                                appDebounceClick (debounceClick)="changeItemobjValidator(it_3,'switchButton',a)">{{i.label}}</span>
                            </ng-container>
                          </p>
                        </ng-container>
                      </ng-container>
                    </ng-container>
                  </ng-container>

                </ng-container>
              </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>
              <!-- 通用选择项目 4 个一行 -->
              <ng-container *ngSwitchCase="'switchButtonFW'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'citySelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label">
                      {{it.label}}
                    </p>
                    <div class="lj-post-item-city">
                      <!-- city -->
                      <ng-container *ngIf="!it.hidden">
                        <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                          <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city">{{it.showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.showValue"
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city">{{it.placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- zone -->
                      <!-- 区域多选 -->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                        <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                          <span
                            *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone">{{it.subHtmlObj[0].showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.subHtmlObj[0].value"
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone ">{{it.subHtmlObj[0].placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- 区域 单选-->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">

                        <p class="lj-picker-bg">
                          <span
                            appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])"  class="input" style="width: 100%;
                            display: flex;
                            align-items: center;">
                            <span
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>

                          </span>

                        </p>


                      </ng-container>
                    </div>

                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'slider'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                      {{it.label}}
                    </p>
                    <div class="slider_bg">
                      <p class="slider_value">
                        <ng-container *ngIf="!it.showValue">
                          <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.showValue">
                          {{it.showValue}}
                        </ng-container>

                      </p>

                      <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                        max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                        (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                        [formControlName]="it.formKey">

                      </ion-range>
                      <div class="slider-label-bg">
                        <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                      </div>
                    </div>

                  </div>
                </ng-container>
              </ng-container>
              <!--下一步 -->
              <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                    <ng-container
                      *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                      <div style="height: 5.56rem; width: 100%; " [ngStyle]="it.cssStyle | styleFilter">
                        <div class="next-btn" appDebounceClick (debounceClick)="nextPage(item)" [ngStyle]="it.labelCssStyle | styleFilter">
                          {{item.label}}</div>
                      </div>
                    </ng-container>
                  </ng-container> -->

            </ng-container>
          </ng-container>
        </ng-container>
        <!-- 转让出租出售 -->
        <ng-container *ngSwitchCase="'switchButtonJoin'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
        <ng-container *ngSwitchCase="'switchButtonFW_3'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

              <ng-container *ngSwitchCase="'switchButtonFW_3'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>

              <!-- 分段 标题描述 -->
              <ng-container *ngSwitchCase="'sectionDesc'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                    <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel">{{it.label}}</span>
                    <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                      class="displayno">
                    <span class="input font17"
                      *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                    <span class="input lightgrey font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                    <i *ngIf="it.endIcon" class="detail-icon" style="margin-right: 0.5rem;"></i>
                  </p>
                </ng-container>

              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>


              </ng-container>

              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                      *ngIf="it.label && item.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue | parseStyle"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>
        <!-- 转让出租出售 -->
        <ng-container *ngSwitchCase="'switchButtonFW'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

              <ng-container *ngSwitchCase="'estimatePrice'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <!-- 维修预估价格 -->
                  <div class="estimate-price-bg" [ngStyle]="it.cssStyle | styleFilter">
                    <span class="price-label" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</span>
                    <span class="price-tips">{{it.tips}}</span>
                    <span class="price-label-u">￥</span>
                    <span class="price" [ngStyle]="it.valueCssStyle | styleFilter">{{it.value}}</span>
                    <span class="price-uint">{{it.unit}}</span>
                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'switchButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- radioButtonLJ -->
              <ng-container *ngSwitchCase="'radioButtonLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <p class="lj-radio-button-bg">
                    <ng-container *ngIf="it.itemList">
                      <span class="no-show">{{it.label}}</span>
                      <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                        [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                        appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                    </ng-container>
                  </p>
                </ng-container>
              </ng-container>
              <!-- 通用选择项目 4 个一行 -->
              <ng-container *ngSwitchCase="'switchButtonFW'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>

                  <ng-container *ngIf="it.subHtmlObj">
                    <ng-container *ngFor="let i of it.subHtmlObj" [ngSwitch]="i.formType">
                      <ng-container *ngSwitchCase="'bottomModalOfMoreItemsFW'">
                        <ng-container *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <p class="design-item designItem" [ngStyle]="i.cssStyle | styleFilter"
                          appDebounceClick (debounceClick)="openModalMoreEditInfo(i)">
                            <img *ngIf="i.leftIcon" src="{{i.leftIcon}}" alt="" [ngStyle]="i.leftIconCssStyle | styleFilter">
                            <span class="label-tips" *ngIf="i.tips && i.tips.length > 0">
                              {{i.tips}}
                            </span>
                            <span *ngIf="!i.showValue || i.showValue === ''" [className]="(i.showValue && !i.disabled) ? 'select-checked' : 'lightgrey'"
                            [ngStyle]="i.placeholderCssStyle | styleFilter" class="design-item-label">
                              
                                {{i.placeHolder}}
                              
                            </span>
                            <span *ngIf="i.showValue && i.showValue !== ''" [className]="(i.showValue && !i.disabled) ? 'select-checked' : 'lightgrey'"
                            [ngStyle]="i.valueCssStyle | styleFilter" class="design-item-label" [innerHTML]="i.showValue | parseStyle">
                            </span>
                            <img *ngIf="i.endIcon && i.endIcon.indexOf('http') > -1 " src="{{i.endIcon}}"
                            alt="" [ngStyle]="i.endIconCssStyle | styleFilter">
                            <img *ngIf="i.endIcon && !(i.endIcon.indexOf('http') > -1) " src="assets/icon/arrow_icon_down@3x.png"
                            alt="" [ngStyle]="i.endIconCssStyle | styleFilter">
                          </p>
                        </ng-container>
                      </ng-container>
                      <!-- 分段 标题描述 -->
                      <ng-container *ngSwitchCase="'sectionDesc'">
                        <ng-container *ngIf="(it.value && i.showCondition && (i.showCondition.indexOf(it.value) > -1 || it.value.indexOf(i.showCondition) > -1 ) ||  !i.showCondition)">
                          <p class="section-desc" [ngStyle]="i.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(i.link)">
                            <span [ngStyle]="i.labelCssStyle | styleFilter" class="sectionDescLabel">
                              {{i.label}}
                            </span>
                            <input type="text" *ngIf="i.formKey && i.formKey.length > 0 " [attr.placeholder]="i.placeHolder"
                            [formControlName]="i.formKey" class="displayno">
                            <span class="input font17" *ngIf="i.value && i.value !== '' && i.value.length ">
                              {{i.showValue}}
                            </span>
                            <span class="input lightgrey font17" *ngIf="!i.value && i.placeHolder">
                              {{i.placeHolder}}
                            </span>
                            <i *ngIf="i.endIcon" class="detail-icon" style="margin-right: 0.5rem;">
                            </i>
                          </p>
                        </ng-container>
                      </ng-container>
                    </ng-container>
                  </ng-container>

                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'textInputLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'citySelectLJ'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label">
                      {{it.label}}
                    </p>
                    <div class="lj-post-item-city">
                      <!-- city -->
                      <ng-container *ngIf="!it.hidden">
                        <p class="lj-picker-bg lj-picker-bg-city" appDebounceClick (debounceClick)="openModalCityPage(it)">
                          <span *ngIf="it.showValue && it.showValue !== '' && it.showValue.length "
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city">{{it.showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.showValue"
                            [className]="(it.showValue && !it.disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-city">{{it.placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- zone -->
                      <!-- 区域多选 -->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'modalMultipleSelectLJ'">
                        <p class="lj-picker-bg lj-picker-bg-zone" appDebounceClick (debounceClick)="openMultipleModal(it.subHtmlObj[0])">
                          <span
                            *ngIf="it.subHtmlObj[0].value && it.subHtmlObj[0].value !== '' && it.subHtmlObj[0].value.length "
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone">{{it.subHtmlObj[0].showValue}}</i><i
                              class="lj-right-icon"></i></span>

                          <span *ngIf="!it.subHtmlObj[0].value"
                            [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                              class="lj-item-value lj-item-value-zone ">{{it.subHtmlObj[0].placeHolder}}</i><i
                              class="lj-right-icon"></i></span>

                        </p>
                      </ng-container>

                      <!-- 区域 单选-->
                      <ng-container *ngIf="it.subHtmlObj &&  it.subHtmlObj[0].formType === 'pickerSelectLJ'">

                        <p class="lj-picker-bg">
                          <span 
                            appDebounceClick (debounceClick)="clickOnPickerSelect(it.subHtmlObj[0])" 
                             class="input" style="width: 100%;
                              display: flex;
                              align-items: center;">
                            <span
                              [className]="(it.subHtmlObj[0].value && !it.subHtmlObj[0].disabled) ? 'select-checked' : 'lightgrey'"><i
                                class="lj-item-value">{{item.subHtmlObj[0].showValue}}</i><i
                                class="lj-right-icon"></i></span>

                          </span>

                        </p>


                      </ng-container>
                    </div>

                  </div>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'slider'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="switchButtonFW lj-post-item" [ngStyle]="it.cssStyle | styleFilter">
                    <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="it.labelCssStyle | styleFilter">
                      {{it.label}}
                    </p>
                    <div class="slider_bg">
                      <p class="slider_value">
                        <ng-container *ngIf="!it.showValue">
                          <span>{{it.value}}</span><span *ngIf="it.unit">{{it.unit}}</span>
                        </ng-container>
                        <ng-container *ngIf="it.showValue">
                          {{it.showValue}}
                        </ng-container>

                      </p>

                      <ion-range step="{{it.step}}" min="{{it.itemList[0].value}}"
                        max="{{it.itemList[it.itemList.length-1].value}}" color="secondary"
                        (ionChange)="changeValue($event, it)" [(ngModel)]="it.value" debounce=0 mode="ios"
                        [formControlName]="it.formKey">

                      </ion-range>
                      <div class="slider-label-bg">
                        <span class="slider-label" *ngFor="let it of it.itemList">{{it.label?it.label:it.value}}</span>
                      </div>
                    </div>

                  </div>
                </ng-container>
              </ng-container>
              <!--下一步 -->
              <!-- <ng-container *ngSwitchCase="'nextPageFomObj'">
                    <ng-container
                      *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                      <div style="height: 5.56rem; width: 100%; " [ngStyle]="it.cssStyle | styleFilter">
                        <div class="next-btn" appDebounceClick (debounceClick)="nextPage(it)" [ngStyle]="it.labelCssStyle | styleFilter">
                          {{it.label}}
                        </div>
                      </div>
                    </ng-container>
                  </ng-container> -->

            </ng-container>
          </ng-container>
        </ng-container>

        <!-- 编辑更多-小区 箭头向下-->
        <ng-container *ngSwitchCase="'modalOfMoreItemsFW'">
          <div class="lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <p class="lj-picker-bg" style="padding-left: 0.75rem;" [ngStyle]="item.valueCssStyle | styleFilter">

              <span *ngIf="!item.showValue || item.showValue === ''"
                [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)">
                <!-- <i class="lj-location-left-icon"></i> -->
                <i class="lj-item-value">{{item.placeHolder}}</i><i *ngIf="item.del && item.showValue"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i>
              </span>

              <span *ngIf="item.showValue && item.showValue !== ''"
                [className]="(item.showValue && !item.disabled) ? 'select-checked' : 'lightgrey'"
                appDebounceClick (debounceClick)="openModalMoreEditInfo(item)"><i class="lj-location-left-icon"></i><i
                  class="lj-item-value">{{item.showValue}}</i><i *ngIf="item.del && item.showValue"
                  class="lj-picker-right-del"></i><i class="lj-right-icon"></i></span>

            </p>

          </div>

        </ng-container>

        <!-- 滑动杆设置值 -->
        <ng-container *ngSwitchCase="'slider'">
          <div class="switchButtonFW lj-post-item" [ngStyle]="item.cssStyle | styleFilter">
            <p class="lj-post-item-label lj-post-item-label-fw" [ngStyle]="item.labelCssStyle | styleFilter">
              {{item.label}}
            </p>
            <div class="slider_bg">
              <p class="slider_value">
                <ng-container *ngIf="!item.showValue">
                  <span>{{item.value}}</span><span *ngIf="item.unit">{{item.unit}}</span>
                </ng-container>
                <ng-container *ngIf="item.showValue">
                  {{item.showValue}}
                </ng-container>

              </p>

              <ion-range step="{{item.step}}" min="{{item.itemList[0].value}}"
                max="{{item.itemList[item.itemList.length-1].value}}" color="secondary"
                (ionChange)="changeValue($event, item)" [(ngModel)]="item.value" debounce=0 mode="ios"
                [formControlName]="item.formKey">

              </ion-range>
              <div class="slider-label-bg">
                <span class="slider-label" *ngFor="let it of item.itemList">{{it.label?it.label:it.value}}</span>
              </div>
            </div>

          </div>

        </ng-container>

        <!-- 同意协议多个 -->
        <ng-container *ngSwitchCase="'joinLinks'">
          <div class="joinLinks join-links" [ngStyle]="item.cssStyle | styleFilter">
            <img class="icon-link" src="{{item.icon}}" *ngIf=" !item.checked" alt=""
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
            <img class="icon-link" src="{{item.iconOn}}" *ngIf=" item.checked" alt=""
              appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLinks')">
            <p class="links-check-bg">


              <span class="links-label" [ngStyle]="item.labelCssStyle | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'joinLink')">{{item.label}}</span>
              <span class="xieyi-links" [ngStyle]="item.valueCssStyle | styleFilter" *ngFor="let it of item.itemList"
                appDebounceClick (debounceClick)="openPage(it.link)">{{it.label}}</span>
            </p>

          </div>


        </ng-container>
        <!--  底部弹窗单选 -->
        <ng-container *ngSwitchCase="'singleColumnSelectJoin'">

          <div class="join-form-item-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)">
            <p class="join-label" [ngStyle]="item.labelCssStyle | styleFilter" *ngIf="item.label && item.label !==''">
              {{item.label}}</p>

            <span class="join-sep" [ngStyle]="item.sepCssStyle | styleFilter"></span>
            <p class="palce-hoder-join" *ngIf="!(item.showValue && item.showValue.length> 0)"
              [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</p>
            <p class="value-join" *ngIf="item.showValue && item.showValue.length> 0"
              [ngStyle]="item.valueCssStyle | styleFilter" [innerHTML]="item.showValue"></p>
            <img class="end-icon" *ngIf="item.endIcon && item.endIcon.length > 0" src="{{item.endIcon}}" alt="">
          </div>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 59.3 modalMultipleSelect3_Full 弹窗2-3级分类多选 (全屏窗) 有三级（品牌。全选不包含品牌选择）时候 二级占整行，子项不定宽。-->
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                      *ngIf="it.label && item.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>

                </ng-container>


              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <!-- 入驻 省市2级 -->
        <ng-container *ngSwitchCase="'pickerSelectJoin'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 多选 -->
              <ng-container *ngSwitchCase="'multipleColumnSelectJoin'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter" *ngIf="it.label && it.label !==''">
                      {{it.label}}</p>

                    <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                    <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                      [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                    <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                      [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue"></p>
                    <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                  </div>
                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <ng-container *ngSwitchCase="'airBubbles'">
          <div class="airBubbles air-bubbles-bg" [ngStyle]="item.cssStyle | styleFilter">

            <div class="air-bubbles-value" [innerHTML]="item.value" [ngStyle]="item.valueCssStyle | styleFilter">
            </div>
            <div class="air-bubbles-arrow" [ngStyle]="item.sepCssStyle | styleFilter"></div>
          </div>
        </ng-container>



        <!--  singleColumnSelectTwoLine-->
        <ng-container *ngSwitchCase="'singleColumnSelectTwoLine'">
          <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="showActionSheet(item)">
            <p class="label">{{item.label}} <i class="detail-icon"></i></p>
            <p class="palce-hoder" *ngIf="!(item.showValue && item.showValue.length> 0)">{{item.placeHolder}}</p>
            <p class="value" *ngIf="item.showValue && item.showValue.length> 0" [innerHTML]="item.showValue"></p>
          </div>

        </ng-container>


        <!-- 商户入驻 省市2级 pickerSelectTwoLine-->
        <ng-container *ngSwitchCase="'pickerSelectTwoLine'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 多选 -->
              <ng-container *ngSwitchCase="'multipleColumnSelectTwoLine'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <div class="edit-m-s-bg" [ngStyle]="item.cssStyle | styleFilter"
                    appDebounceClick (debounceClick)="showMultipleColumnSelect(it)">
                    <p class="label">{{it.label}} <i class="detail-icon"></i></p>
                    <p class="palce-hoder" *ngIf="!(it.showValue && it.showValue.length> 0)">{{it.placeHolder}}</p>
                    <p class="value" *ngIf="it.showValue && it.showValue.length> 0" [innerHTML]="it.showValue"></p>
                  </div>
                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>

        </ng-container>

        <!-- 维修预估价格 -->

        <ng-container *ngSwitchCase="'estimatePrice'">
          <div class="estimate-price-bg" [ngStyle]="item.cssStyle | styleFilter">
            <span class="price-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
            <span class="price-tips">{{item.tips}}</span>
            <span class="price-label-u">￥</span>
            <span class="price" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
            <span class="price-uint">{{item.unit}}</span>
          </div>
        </ng-container>

        <!-- 免费设计 项目纯展示点击 -->
        <ng-container *ngSwitchCase="'designItem'">
          <p class="design-item designItem" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
            <img *ngIf="item.leftIcon && item.leftIcon.indexOf('http') > -1 " src="{{item.leftIcon}}" alt=""
              [ngStyle]="item.leftIconCssStyle | styleFilter">
            <span [ngStyle]="item.labelCssStyle | styleFilter" class="design-item-label">
              <span>{{item.label}}</span>
              <span [ngStyle]="item.placeholderCssStyle | styleFilter">{{item.placeHolder}}</span>
            </span>
            <img *ngIf="item.endIcon && item.endIcon.indexOf('http') > -1 " src="{{item.endIcon}}" alt=""
              [ngStyle]="item.endIconCssStyle | styleFilter">
            <img *ngIf="item.endIcon && !(item.endIcon.indexOf('http') > -1) "
              src="assets/fw/icon_sheji_arrow.png" alt="" class="design-item-arrow">
          </p>
        </ng-container>


        <ng-container *ngSwitchCase="'userInfo'">
          <div class="userInfo user-info-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="user-info">
              <span class="user-label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</span>
              <span class="user-tips">{{item.tips}}</span>
            </p>
            <p class="user-avatar-bg">
              <img src="{{item.icon}}" alt="" class="user-avatar">
              <span class="user-name" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
            </p>

          </div>
        </ng-container>

        <!-- 是否满意 -->
        <ng-container *ngSwitchCase="'switchButtonMark'">
          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

              <ng-container *ngSwitchCase="'switchButtonMarkTag'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- 独立分割线 -->
            <ng-container *ngSwitchCase="'sepline'">
              <div class="sepline-bg" [ngStyle]="it.cssStyle | styleFilter">
                <hr class="sepline">
              </div>
  
            </ng-container>


              <!-- 多行备注 有label 可以设置行数-->
              <ng-container *ngSwitchCase="'textAreaLines'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
              <!-- 多行备注 -->
              <ng-container *ngSwitchCase="'textArea'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
            </ng-container>
          </ng-container>
        </ng-container>

        <ng-container *ngSwitchCase="'serviceDate'">

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <!-- 时间选择  -->
              <ng-container *ngSwitchCase="'datePlug'">
  
                <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
  
              </ng-container>
  
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
  
              </ng-container>
              <!-- 独立分割线 -->
              <ng-container *ngSwitchCase="'sepline'">
                <div class="sepline-bg" [ngStyle]="it.cssStyle | styleFilter">
                  <hr class="sepline">
                </div>

              </ng-container>
            </ng-container>
          </ng-container>
          </ng-container> 
        <!-- 下单详情 -->
        <ng-container *ngSwitchCase="'itemDetail'">
          <div class="item-detail-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="item-detail-inner-bg">
              <img class="item-detail-img" *ngIf="item.icon && item.icon.length > 0"
              src="{{item.icon}}" alt="">
              <p class="item-detail-label" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <div class="item-detail-value" *ngIf="item.value" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
                {{item.value}}
                <img class="item-detail-end-icon" src="{{item.endIcon}}" alt="">
              </div>
            </div>
          </div>
        </ng-container>
      
        <ng-container *ngSwitchCase="'addItemCount'">
          <div class="add-item-count-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="add-item-count-inner-bg">
              <img  class="item-img" *ngIf="item.icon && item.icon.length > 0"   src="{{item.icon}}" alt="" >
              <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !item.icon || item.icon.length === 0}">
                <p class="title" [ngClass]="{'title-no-img': !item.icon || item.icon.length === 0}" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>

                <div class="s-bg">
                  <p class="s-price" *ngIf="(item.extra && item.extra.length > 0) || (item.showValue && item.showValue.length > 0)" [ngStyle]="item.showValueCssStyle | styleFilter ">
                    <span class="s-unit" *ngIf="item.extra && item.extra.length > 0" >{{item.extra}}</span>
                    <span class="" *ngIf="item.showValue && item.showValue.length > 0">{{item.showValue}}</span>
                  </p>
                  <div class="num-bg">
                    
                    <ng-container *ngIf="item.value > 1 ; else elseSubTemplate">
                      <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,item,0)">
                    </ng-container>
                    <ng-template #elseSubTemplate>
                      <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
                    </ng-template>
                    
                    <ion-input [readonly]="item.disabled" 
                    [formControlName]="item.formKey" (ionChange)="changeValue($event, item)" (ionBlur)="inutValue($event, item)" type="number" class="num" [(ngModel)]="item.value" ></ion-input>
      
                    <img src="assets/fw/add_black.png" alt="" class="add"
                      appDebounceClick (debounceClick)="sub($event,item,1)">  
      
                </div>
                </div>
                
              </div>
            </div>
           
          </div>
        </ng-container>
        <ng-container *ngSwitchCase="'addItemCountNoInput'">

          <div class="add-item-count-no-input-bg" [ngStyle]="item.cssStyle | styleFilter">
            <p class="add-item-count-no-inpu-title"  *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML]="item.label | parseStyle "></p>    

              <img  src="../assets/fw/icon-.png" alt="" class="add-item-count-no-input-sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
              <span class="add-item-count-no-inpu-number" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
              <img src="../assets/fw/icon+.png" alt="" class="add-item-count-no-input-add"
                appDebounceClick (debounceClick)="sub($event,item,1)">  
           
          </div>
        </ng-container>
        <!-- 选择地址  -->
        <ng-container *ngSwitchCase="'selectAddreess'">
          <div class="get-addreess-bg selectAddreess" [ngStyle]="item.cssStyle | styleFilter">
            <div class="get-addreess-innner-bg" appDebounceClick (debounceClick)="changeAddress(item)">
              
              
                <img src="{{item.showData.icon}}" class="addreess-icon" alt=""
                  *ngIf="item.showData?.icon && item.showData?.icon.length > 0">
                <div class="addreess-content">
                  <p class="addreess" *ngIf="item.showData?.label">{{item.showData.label}}</p>
                  <p class="addreess-name" *ngIf="item.showData?.tips && item.showData.tips?.length > 0">{{item.showData.tips}}</p>
                </div>
                <i class="detail-icon-new" style="margin-top:0.5rem"></i>
  
              
            </div>
            
          </div>
        </ng-container>

        <!-- 省市区三级多选  -->
        <ng-container *ngSwitchCase="'threeLevelSelection'">
          <div class="three-Level-selection-bg threeLevelSelection" [ngStyle]="item.cssStyle | styleFilter">
            <div class="level-1-bg">
              <ng-container *ngFor="let level1 of item.children">
                <div class="level-1" [ngClass]="{'open': level1.open}" appDebounceClick (debounceClick)="itemLeftClick(level1,item)">
                  <span class="un-open" [ngClass]="{'open': level1.open}"></span>
                  <span class="level-label" [ngClass]="{'level-label-select': level1.hasValue}">{{level1.label}}</span>
                  <i class="nochecked" appDebounceClick (debounceClick)="checkAllL1($event,level1,item)" [ngClass]="{'checked': level1.checked}"></i>
                </div>
                
              </ng-container>
            </div>
            <div class="level-2-bg" *ngIf="item.current?.children">
              <ng-container *ngFor="let level2 of item.current.children">
                <div class="level-2" appDebounceClick (debounceClick)="itemCenterClick(level2,item)">
                  <span class="un-open" [ngClass]="{'open': level2.open}"></span>
                  <span class="level-label" [ngClass]="{'level-label-select': level2.hasValue, 'level-label-select-current': level2 === item.current?.current}">{{level2.label}}</span>
                  <i class="nochecked" [ngClass]="{'checked': level2.checked}" appDebounceClick (debounceClick)="checkAllL2($event,level2,item)"></i>
                </div>
              </ng-container>

            </div>
            <div class="level-3-bg" *ngIf="item.current?.current?.children">
              <ng-container *ngFor="let level3 of item.current.current.children">
                <div class="level-3" appDebounceClick (debounceClick)="level3Click(level3,item)">
                  <span class="level-label" [ngClass]="{'level-label-select': level3.checked}">{{level3.label}}</span>
                </div>
              </ng-container>

            </div>
          </div>
        </ng-container>

        <!-- 行业 服务类别多选  -->
        <ng-container *ngSwitchCase="'multipleSelectLJ'" >
        <app-modal-of-multiple *ngIf="item.data && item.data.length > 0" [tagData] = "item" (updateItem)="submitAction($event,item)"></app-modal-of-multiple>
        
      </ng-container>

      </List>


    </form>

    <!-- 编辑许可证 户型 不是真提交 -->
    <ng-container *ngIf="newAdd !== undefined">

      <div class="inner-btn-bg">
        <div class="inner-btn" appDebounceClick (debounceClick)="sureBtn()">确定
        </div>
      </div>
    </ng-container>


  </ion-content>
  <ion-content *ngIf="showSearchModal === 1">

    <div class="search-item-bg" *ngFor="let item of sarchData" appDebounceClick (debounceClick)="searchItemClick(item)">
      <ng-container *ngIf="dataType === 0">
        <p class="name">{{item.baseName}}</p>
        <p class="address"><span style="margin-right: 0.75rem;">{{item.areaName}}</span> <span>{{item.address}}</span>
        </p>
      </ng-container>

      <ng-container *ngIf="dataType === 1">
        <p class="account-name">{{item.name}}<span class="account-phone">{{item.mobile}}</span></p>
        <!-- staffType  0或者null普通账号  1全职员工，3兼职员工，5个人代理，7团队代理，9城市运营商 -->
        <!-- userStatus -1为删除，0为正常，1为禁用 -->
        <p class="account-type-status" *ngIf="item.staffTypeVal || item.userStatusVal"> <span *ngIf="item.staffTypeVal"
            class="account-type"
            [ngClass]="{'account-yellow': item.staffType!== 0 || item.staffType!==null }">{{item.staffTypeVal}}</span>
          <span *ngIf="item.userStatusVal" class="account-status"
            [ngClass]="{'account-red': item.userStatus !== 0 }">{{item.userStatusVal}}</span>
        </p>

      </ng-container>

      <ng-container *ngIf="dataType === 2">
        <div class="user-bg">
          <img class="avatar" src="{{item.avatarurl}}" alt="">
          <div class="user-info-bg">
            <p class="name">{{item.name}}<span style="margin-left: 0.31rem; display:inline-block"
                *ngIf="item.staffTypeVal" class="account-type"
                [ngClass]="{'account-yellow': item.staffType === 1,'account-green': item.staffType === 7}">{{item.staffTypeVal}}</span>
            </p>
            <p class="phone">{{item.mobile}}</p>
            <p class="tags">
              <span class="account-type" *ngIf="item.employeeStatus === 1">在职</span>
              <span class="account-type" *ngIf="item.employeeStatus === 2">离职</span>
              <span class="account-type" *ngIf="item.city && item.city.length > 0">{{item.city}}</span>
              <span class="account-type"
                *ngIf="item.department && item.department.length > 0">{{item.department}}</span>
              <span class="account-status" [ngClass]="{'account-red': item.userStatus !== 0 }"
                *ngIf="item.userStatusVal">{{item.userStatusVal}}</span>

            </p>
          </div>
        </div>

      </ng-container>


    </div>

    <p class="noData" *ngIf="(!sarchData || sarchData.length === 0) && keyword !='' && focus === 0 && dataType === 0">
      没有搜索到 {{keyword}} 相关的小区
    </p>
    <p class="noData" *ngIf="(!sarchData || sarchData.length === 0) && keyword !='' && focus === 0 && dataType === 1">
      没有搜索到 {{keyword}} 相关的账号
    </p>
    <p class="noData" *ngIf="(!sarchData || sarchData.length === 0) && keyword !='' && focus === 0 && dataType === 2">
      没有搜索到 {{keyword}} 相关的账户
    </p>

  </ion-content>
  <ion-footer *ngIf="!showSureBtn && tagData[0] && tagData && tagData[0].formType === 'footerBtn'">
    <div class="footer-btn-bg" [ngStyle]="tagData[0].cssStyle | styleFilter">
      <div class="footer-btn" [ngStyle]="tagData[0].labelCssStyle | styleFilter" appDebounceClick (debounceClick)="sureBtn()">
        {{tagData[0].label}}
      </div>
    </div>

  </ion-footer>
  <!-- 发布标签的下一步转到footer " -->
  <ion-footer *ngIf="nextPageFomObj!== undefined">
    <div class="next-btn-bg" [ngStyle]="nextPageFomObj.cssStyle | styleFilter">
      <div class="next-btn" appDebounceClick (debounceClick)="nextPage(nextPageFomObj)" [ngStyle]="nextPageFomObj.labelCssStyle | styleFilter">
        {{nextPageFomObj.label}}
      </div>
    </div>
  </ion-footer>

  <!-- js申请开店 lj发布 -->
  <ng-container *ngIf="isNextStep && submitBtnData">
    <ion-footer>
      <app-common-submit-btn [tagData]="submitBtnData"></app-common-submit-btn>
    </ion-footer>

  </ng-container>
</ng-container>
<!-- 自适应小窗modal auto-height-->
<ng-container *ngIf="cssClass">
  <div class="modal-bg" appDebounceClick (debounceClick)="dismissClick()">
    <div class="auto-height" [ngClass]="{'bottom-modal': cssClass === 'bottom'}" appDebounceClick (debounceClick)="onCancelClick($event)"
      [ngStyle]="cssStyle | styleFilter">
      <div class="auto-modal-header" [ngStyle]="labelCssStyle | styleFilter">
        <span class="auto-modal-header-title" *ngIf="title" [ngStyle]="titleCssStyle | styleFilter"[innerHTML] = "title | parseStyle"></span>
        <img appDebounceClick (debounceClick)="dismissClick()"  *ngIf="title" class="header-close-icon" src="../assets/img/close.png">
      </div>
      <form [formGroup]="formGroup">
        <List *ngFor="let item of tagData, let i=index" [ngSwitch]="item.formType">
          <!-- JS 输入-->
          <ng-container *ngSwitchCase="'textInputLJ'">
            <app-text-input  [item] = "item" (output) = "outputTextInput($event)"> </app-text-input>

          </ng-container>
          <!-- 灰色小字描述 -->
          <ng-container *ngSwitchCase="'descInfo'">
            <ion-item class="post-item" [lines]="item.lines? item.lines:'inset'">
              <p class="desc-info" [ngStyle]="item.cssStyle | styleFilter">{{item.label}}
                <span [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
              </p>
            </ion-item>

          </ng-container>
          <!-- 行业 服务类别多选  -->
          <ng-container *ngSwitchCase="'multipleSelectLJ'" >
            <app-modal-of-multiple *ngIf="item.data && item.data.length > 0" [tagData] = "item" (updateItem)="submitAction($event,item)"></app-modal-of-multiple>
            
          </ng-container>
          <!-- 分段 标题描述 -->
          <ng-container *ngSwitchCase="'sectionDesc'">
            <p class="section-desc sectionDesc" [ngStyle]="item.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
              <span [ngStyle]="item.labelCssStyle | styleFilter" class="sectionDescLabel"
                [innerHTML]="item.label | parseStyle"></span>
              <!-- <input type="text" [attr.placeholder]="item.placeHolder" [formControlName]="item.formKey" class="displayno"> -->
              <span class="input font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="item.value && item.value !== '' && item.value.length ">{{item.showValue}}</span>
              <span class="input lightgrey font17" [ngStyle]="item.valueCssStyle | styleFilter"
                *ngIf="!item.value && item.placeHolder">{{item.placeHolder}}</span>
              <i *ngIf="item.endIcon" class="detail-icon" style="margin-right: 0.5rem;"></i>
            </p>
          </ng-container>
          <ng-container *ngSwitchCase="'switchButtonFW_3'">
            <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>
            <ng-container *ngIf="item.subHtmlObj">
              <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">

                <ng-container *ngSwitchCase="'switchButtonFW_3'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                  </ng-container>
                </ng-container>
                <!-- radioButtonLJ -->
                <ng-container *ngSwitchCase="'radioButtonLJ'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="lj-radio-button-bg">
                      <ng-container *ngIf="it.itemList">
                        <span class="no-show">{{it.label}}</span>
                        <span class="sw-lj-item-btn" *ngFor="let i of it.itemList;let a = index"
                          [ngClass]="{'nochecked':it.value !== i.value,'checked':it.value === i.value }"
                          appDebounceClick (debounceClick)="changeItemobjValidator(it,'switchButton',a)">{{i.label}}</span>
                      </ng-container>
                    </p>
                  </ng-container>
                </ng-container>
              </ng-container>
              <ng-container *ngSwitchCase="'addItemCount'">

                <div class="add-item-count-bg" [ngStyle]="item.cssStyle | styleFilter">
                  <div class="add-item-count-inner-bg">
                    <img  class="item-img" *ngIf="item.icon && item.icon.length > 0"   src="{{item.icon}}" alt="" >
                    <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !item.icon || item.icon.length === 0}">
                      <p class="title" [ngClass]="{'title-no-img': !item.icon || item.icon.length === 0}" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>
      
                      <div class="s-bg">
                        <p class="s-price" *ngIf="(item.extra && item.extra.length > 0) || (item.showValue && item.showValue.length > 0)" [ngStyle]="item.showValueCssStyle | styleFilter ">
                          <span class="s-unit" *ngIf="item.extra && item.extra.length > 0" >{{item.extra}}</span>
                          <span class="" *ngIf="item.showValue && item.showValue.length > 0">{{item.showValue}}</span>
                        </p>
                        <div class="num-bg">
                          
                          <ng-container *ngIf="item.value > 1 ; else elseSubTemplate">
                            <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,item,0)">
                          </ng-container>
                          <ng-template #elseSubTemplate>
                            <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
                          </ng-template>
                          
                          <ion-input [readonly]="item.disabled" 
                          [formControlName]="item.formKey" (ionChange)="changeValue($event, item)" (ionBlur)="inutValue($event, item)" type="number" class="num" [(ngModel)]="item.value" ></ion-input>
            
                          <img src="assets/fw/add_black.png" alt="" class="add"
                            appDebounceClick (debounceClick)="sub($event,item,1)">  
            
                      </div>
                      </div>
                      
                    </div>
                  </div>
                 
                </div>
              </ng-container>
              <ng-container *ngSwitchCase="'addItemCountNoInput'">

                <div class="add-item-count-no-input-bg" [ngStyle]="item.cssStyle | styleFilter">
                  <p class="add-item-count-no-inpu-title"  *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter" [innerHTML]="item.label | parseStyle "></p>    
      
                    <img  src="../assets/fw/icon-.png" alt="" class="add-item-count-no-input-sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
                    <span class="add-item-count-no-inpu-number" [ngStyle]="item.valueCssStyle | styleFilter">{{item.value}}</span>
                    <img src="../assets/fw/icon+.png" alt="" class="add-item-count-no-input-add"
                      appDebounceClick (debounceClick)="sub($event,item,1)">  
                 
                </div>
              </ng-container>
              <!-- 选择地址  -->
              <ng-container *ngSwitchCase="'selectAddreess'">
                <div class="get-addreess-bg selectAddreess" [ngStyle]="item.cssStyle | styleFilter">
                  <div class="get-addreess-innner-bg" appDebounceClick (debounceClick)="changeAddress(item)">
                    
                    
                      <img src="{{item.showData.icon}}" class="addreess-icon" alt=""
                        *ngIf="item.showData.icon && item.showData.icon.length > 0">
                      <div class="addreess-content">
                        <p class="addreess">{{item.showData.label}}</p>
                        <p class="addreess-name" *ngIf="item.showData.tips && item.showData.tips.length > 0">{{item.showData.tips}}</p>
                      </div>
                      <i class="detail-icon-new" style="margin-top:0.5rem"></i>
        
                    
                  </div>
                  
                </div>
              </ng-container>

                <!-- 分段 标题描述 -->
                <ng-container *ngSwitchCase="'sectionDesc'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                    <p class="section-desc" [ngStyle]="it.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(it.link)">
                      <span [ngStyle]="it.labelCssStyle | styleFilter" class="sectionDescLabel">{{it.label}}</span>
                      <input type="text" [attr.placeholder]="it.placeHolder" [formControlName]="it.formKey"
                        class="displayno">
                      <span class="input font17"
                        *ngIf="it.value && it.value !== '' && it.value.length ">{{it.showValue}}</span>
                      <span class="input lightgrey font17" *ngIf="!it.value && it.placeHolder">{{it.placeHolder}}</span>
                      <i *ngIf="it.endIcon" class="detail-icon" style="margin-right: 0.5rem;"></i>
                    </p>
                  </ng-container>

                </ng-container>

                <ng-container *ngSwitchCase="'modalMultipleSelect3_Auto_Full'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">

                    <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                      appDebounceClick (debounceClick)="modalMultipleSelect3AutoFull(it)">
                      <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                        *ngIf="it.label && it.label !==''">
                        {{it.label}}</p>

                      <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                      <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                        [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                      <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                        [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue"></p>
                      <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                    </div>

                  </ng-container>


                </ng-container>

                <ng-container *ngSwitchCase="'modalMultipleSelect3_Full'">
                  <ng-container
                    *ngIf="(item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                    <div class="join-form-item-bg" [ngStyle]="it.cssStyle | styleFilter"
                      appDebounceClick (debounceClick)="modalMultipleSelect3FullScreen(it)">
                      <p class="join-label" [ngStyle]="it.labelCssStyle | styleFilter"
                        *ngIf="it.label && item.label !==''">
                        {{it.label}}</p>

                      <span class="join-sep" [ngStyle]="it.sepCssStyle | styleFilter"></span>
                      <p class="palce-hoder-join" *ngIf="!(it.showValue && it.showValue.length> 0)"
                        [ngStyle]="it.placeholderCssStyle | styleFilter">{{it.placeHolder}}</p>
                      <p class="value-join" *ngIf="it.showValue && it.showValue.length> 0"
                        [ngStyle]="it.valueCssStyle | styleFilter" [innerHTML]="it.showValue"></p>
                      <img class="end-icon" *ngIf="it.endIcon && it.endIcon.length > 0" src="{{it.endIcon}}" alt="">

                    </div>

                  </ng-container>
                </ng-container>
              </ng-container>
          </ng-container>

          <!-- 下单详情 -->
        <ng-container *ngSwitchCase="'itemDetail'">
          <div class="item-detail-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="item-detail-inner-bg">
              <img class="item-detail-img" *ngIf="item.icon && item.icon.length > 0"
              src="{{item.icon}}" alt="">
              <p class="item-detail-label" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">
                {{item.label}}
              </p>
              <div class="item-detail-value" *ngIf="item.value" [ngStyle]="item.valueCssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(item.link)">
                {{item.value}}
                <img class="item-detail-end-icon" src="{{item.endIcon}}" alt="">
              </div>
            </div>
          </div>
        </ng-container>
        <!-- 规格列表 -->
        <ng-container *ngSwitchCase="'addItemCountList'">

          <div class="add-item-count-list-bg" [ngStyle]="item.cssStyle | styleFilter">
            <ng-container *ngFor="let it of item.itemList">

              <div class="add-item-count-list-inner-bg">
                <img  class="item-list-img" *ngIf="it.icon && it.icon.length > 0"   src="{{it.icon}}" alt="" >
                <div class="item-list-content-bg" >
                  <p class="list-title"  *ngIf="it.label" [ngStyle]="it.labelCssStyle | styleFilter">{{it.label}}</p>
  
                  <p class="list-sub-title" *ngIf="it.tagLabel && it.tagLabel.length > 0" [ngStyle]="it.valueCssStyle | styleFilter ">
                    {{it.tagLabel}}
                  </p>
                  
                </div>
                <div class="num-bg">
                      
                  <ng-container *ngIf="it.value > 1 ; else elseSubTemplate">
                    <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,it,0,item)">
                  </ng-container>
                  <ng-template #elseSubTemplate>
                    <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,it,0,item)">  
                  </ng-template>
                  
                  <ion-input [readonly]="it.disabled" 
                  [ngModelOptions]="{standalone: true}" (ionChange)="changeValue($event, it,item)" (ionBlur)="inutValue($event, it,item)" type="number" class="num" [(ngModel)]="it.value" ></ion-input>
    
                  <img src="assets/fw/add_black.png" alt="" class="add"
                    appDebounceClick (debounceClick)="sub($event,it,1,item)">  
    
                </div>
              </div>
            </ng-container>
           
          </div>
        </ng-container>
        
        <ng-container *ngSwitchCase="'addItemCount'">

          <div class="add-item-count-bg" [ngStyle]="item.cssStyle | styleFilter">
            <div class="add-item-count-inner-bg">
              <img  class="item-img" *ngIf="item.icon && item.icon.length > 0"   src="{{item.icon}}" alt="" >
              <div class="item-content-bg" [ngClass]="{'item-content-bg-no-img': !item.icon || item.icon.length === 0}">
                <p class="title" [ngClass]="{'title-no-img': !item.icon || item.icon.length === 0}" *ngIf="item.label" [ngStyle]="item.labelCssStyle | styleFilter">{{item.label}}</p>

                <div class="s-bg">
                  <p class="s-price" *ngIf="(item.extra && item.extra.length > 0) || (item.showValue && item.showValue.length > 0)" [ngStyle]="item.showValueCssStyle | styleFilter ">
                    <span class="s-unit" *ngIf="item.extra && item.extra.length > 0" >{{item.extra}}</span>
                    <span class="" *ngIf="item.showValue && item.showValue.length > 0">{{item.showValue}}</span>
                  </p>
                  <div class="num-bg">
                    
                    <ng-container *ngIf="item.value > 1 ; else elseSubTemplate">
                      <img  src="assets/fw/sub_black.png" alt="" class="sub" appDebounceClick (debounceClick)="sub($event,item,0)">
                    </ng-container>
                    <ng-template #elseSubTemplate>
                      <img  src="assets/fw/sub_gray.png" alt="" class="sub"  appDebounceClick (debounceClick)="sub($event,item,0)">  
                    </ng-template>
                    
                    <ion-input [readonly]="item.disabled" 
                    [formControlName]="item.formKey" (ionChange)="changeValue($event, item)" (ionBlur)="inutValue($event, item)" type="number" class="num" [(ngModel)]="item.value" ></ion-input>
      
                    <img src="assets/fw/add_black.png" alt="" class="add"
                      appDebounceClick (debounceClick)="sub($event,item,1)">  
      
                </div>
                </div>
                
              </div>
            </div>
           
          </div>
        </ng-container>

        <!-- 时间选择1 -->
        <ng-container *ngSwitchCase="'chooseTimeRange'">
          <div class="chooseTimeRange">
            <div class="chooseTimeRange-left">
              <ng-container *ngFor="let ite of item.daysList;let i = index">
                <span class="chooseTimeRange-left-span"
                  [ngClass]="{'left-active': ite.check}" *ngIf="ite.isHidden === undefined"
                  appDebounceClick (debounceClick)="heightLightLeft(item,ite, i)"
                  [ngStyle]="ite.check && ite.check==true?(item.valueCssStyle | styleFilter ):( item.placeholderCssStyle | styleFilter)"
                >{{ite.label}}</span>
              </ng-container>
            </div>

            <div class="chooseTimeRange-right">
              <ng-container *ngFor="let ite of item.itemList;let i = index">
                <ng-container *ngIf="item.sep && item.daysList[0].check === true; else normalData">
                  <p class="chooseTimeRange-right-p" *ngIf="ite.apn && ( ((ite.value.slice(0,2) - 0) + (i+2) - item.sep) > (todayHHMM.slice(0,2)) && (todayHHMM.slice(0,2)) < 21  )">
                    {{ite.apn}}
                  </p>
                  <span class="chooseTimeRange-right-span"
                    [ngClass]="{'right-active':ite.check}"
                    *ngIf="ite.isShow !== false"
                    appDebounceClick (debounceClick)="heightLightRight(item,ite)"
                    [ngStyle]="ite.check==true?(item.itemListCheckedCssStyle|styleFilter):(item.itemListCssStyle| styleFilter)"
                  >
                    {{ite.value}}
                  </span>
                </ng-container>
                <ng-template #normalData>
                  <p class="chooseTimeRange-right-p" *ngIf="ite.apn && item.daysList[0].check != true || ite.apn && ( ((ite.value.slice(0,2) - 0) + (i+2)) > todayHHMM.slice(0,2) && todayHHMM.slice(0,2) < 21  )">
                    {{ite.apn}}
                  </p>
                  <span class="chooseTimeRange-right-span"
                    [ngClass]="{'right-active':ite.check}"
                    *ngIf="item.daysList[0].check != true || (ite.value.slice(6,8)*60) - (todayHHMM.slice(0,2)*60 + (todayHHMM.slice(3,5) - 0)) > min?min:1"
                    appDebounceClick (debounceClick)="heightLightRight(item,ite)"
                    [ngStyle]="ite.check==true?(item.itemListCheckedCssStyle|styleFilter):(item.itemListCssStyle| styleFilter)"
                  >
                    {{ite.value}}
                  </span>
                </ng-template>


              </ng-container>
            </div>
          </div>
      </ng-container>
          

        <!-- 时间选择2 -->
         <ng-container *ngSwitchCase="'chooseTime'">

            <div class="chooseTime">

              <div class="chooseTime-left">
                <span class="chooseTime-left-span"
                  *ngFor="let ite of item.daysList;let i = index"
                  [ngClass]="{'left-active': ite.check}"
                  appDebounceClick (debounceClick)="heightLightLeft(item,ite)"
                  [ngStyle]="ite.check==true?(item.valueCssStyle | styleFilter ):( item.placeholderCssStyle | styleFilter)"
                >
                  {{ite.label}}
                </span>
              </div>

              <div class="chooseTime-right">
                  <ng-container *ngFor="let ite of item.itemList;let i = index">
                    <span class="chooseTime-right-span"  
                      [ngClass]="{'right-active':ite.check}"
                      *ngIf="item.daysList[0].check != true || (ite.value.slice(0,2)*60 + (ite.value.slice(3,5) - 0)) - (todayHHMM.slice(0,2)*60 + (todayHHMM.slice(3,5) - 0)) > 29"
                      appDebounceClick (debounceClick)="heightLightRight(item,ite)"
                      [ngStyle]="ite.check==true?(item.itemListCheckedCssStyle|styleFilter):(item.itemListCssStyle| styleFilter)"
                    >
                    {{ite.value}}
                  </span>
                </ng-container>
              </div>
            </div>
          </ng-container>

         <!--  举报 -->
         <ng-container *ngSwitchCase="'showSingleSelect'">
          <div [ngStyle]="item.cssStyle | styleFilter">
            <ion-item class="post-item" lines="none" *ngIf="item.label && item.label.length > 0">
              <label [ngStyle]="item.labelCssStyle | styleFilter" class="item-label" [innerHTML]="item.label"></label>
              <ng-container *ngIf="item.link">
  
                <img class="icon-map" style="margin-right: 0.19rem;" *ngIf="item.link.icon" width="8%"
                  src="../assets/icon/icon_help_notes@3x.png" alt="" appDebounceClick (debounceClick)="showMessage(item.link)">
                <!-- {{item.link.icon}} -->
                <span class="jointEnd" style="font-size: 0.75rem; white-space: nowrap;" *ngIf="item.link.label"
                  appDebounceClick (debounceClick)="showMessage(item.link)">{{item.link.label}}</span>
              </ng-container>
  
            </ion-item>
  
            <ul style="padding-left:1rem;padding-right:1rem" [ngStyle]="item.sepCssStyle | styleFilter">
              <ng-container *ngFor="let info of item.itemList,let i=index">
                <li  class="li-bg" [ngStyle]="(info.check ? item.itemListCheckedCssStyle : item.placeholderCssStyle) | styleFilter"
                appDebounceClick (debounceClick)="changeItemobjValidator(item,'showSingleSelect',info)" >

                <img [src]="info.icon" alt="" [ngStyle]="item.itemListIconCssStyle | styleFilter" *ngIf="info.icon">
                <i [ngStyle]="item.extraCssStyle | styleFilter" >
                  <div [ngStyle]="item.valueCssStyle | styleFilter">
                  <img [src]="(info.check ? (info.iconOn ? info.iconOn : 'assets/icon/quick_release_checked_lj@3x.png') : 'assets/icon/release_icon_unchecked@3x.png')" class="release-uncheck" [ngStyle]="item.leftIconCssStyle | styleFilter">
                
                  <span class="li-item" [ngStyle]="item.showValueCssStyle | styleFilter" [innerHTML] = "info.label | parseStyle"></span>
                </div>
                <p *ngIf="info.valueN && info.valueN.length > 0" [ngStyle]="item.valueNCssStyle | styleFilter">
                  <span class="item-unit" *ngIf="item.unit">{{item.unit}}</span><i [innerHTML] = "info.valueN | parseStyle"></i></p>
                </i>
                
                
                <ng-container *ngIf="info.check && info.formObj && info.formObj.length > 0">
                  <!-- 选项增加表单项 -->
                  <ng-container *ngFor="let it of info.formObj" [ngSwitch]="it.formType">
                    <ng-container *ngSwitchCase="'textInput'">
                      <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>

                    </ng-container>
                  </ng-container>
                </ng-container>

              </li>
              
              </ng-container>
            </ul>
            <ng-container *ngIf="item.subHtmlObj && item.subHtmlObj[0].formType === 'addType'">
              <!-- 文本类型 -->
              <p class="type-input-bg">
                <img [src]="item.subHtmlObj[0].check ? 'assets/icon/quick_release_checked_lj@3x.png' : 'assets/icon/release_icon_unchecked@3x.png'" class="release-uncheck" [ngStyle]="item.subHtmlObj[0].leftIconCssStyle | styleFilter">

                <ion-input *ngIf="!item.subHtmlObj[0].textType || item.subHtmlObj[0].textType !== 'number'" type="text" [maxlength]="item.subHtmlObj[0].maxLength"
                [(ngModel)]="item.subHtmlObj[0].value"  [formControlName]="item.subHtmlObj[0].formKey"
                [attr.placeholder]="item.subHtmlObj[0].placeHolder" (ionChange)="typeChangeValue($event, item)">
                </ion-input>
                <i  [ngStyle]="item.subHtmlObj[0].extraCssStyle | styleFilter" appDebounceClick (debounceClick)="typeCheckClick(item)">
                  <img [src]="item.subHtmlObj[0].endIcon" [ngStyle]="item.subHtmlObj[0].endIconCssStyle | styleFilter" class="type-check" >
                  {{item.subHtmlObj[0].extra}}
                </i>
                
              </p>
            </ng-container>
          </div>
          

          <ng-container *ngIf="item.subHtmlObj">
            <ng-container *ngFor="let it of item.subHtmlObj" [ngSwitch]="it.formType">
              <ng-container *ngSwitchCase="'textInput'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [superItem]="item" [item] = "it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>

              </ng-container>
              <!--modal 编辑更多项目 -->
              <ng-container *ngSwitchCase="'modalOfMoreItems'">
                <ng-container
                  *ngIf="(item.value && item.value && it.showCondition && (it.showCondition.indexOf(item.value) > -1 || item.value.indexOf(it.showCondition) > -1 ) ||  !it.showCondition)">
                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" style="display: inline-block;" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.showValue && it.showValue !== ''" [innerHTML]="it.showValue | parseStyle"><span
                        class="jointEnd" *ngIf="it.extra">{{it.extra}}</span></span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.showValue || it.showValue === ''">{{it.placeHolder}}<span class="jointEnd"
                        *ngIf="it.extra">{{it.extra}}</span></span>

                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>

              </ng-container>
              <!-- 面积区间 -->
              <ng-container *ngSwitchCase="'areaSlot'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].beforeTxt">{{it.subHtmlObj[0].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                      [ngClass]="{'number-center': it.subHtmlObj[0].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,0)" [(ngModel)]="it.subHtmlObj[0].value"
                      [maxlength]="it.subHtmlObj[0].maxLength" [attr.placeholder]="it.subHtmlObj[0].placeHolder"
                      [formControlName]="it.subHtmlObj[0].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[0].afterTxt">{{it.subHtmlObj[0].afterTxt}}</span>
                    <span
                      style="width:0.03rem;
                    height:0.94rem;
                    background:rgba(182,183,191,1);margin-right: 1.25rem;padding-left: 1px;margin-left: 1.25rem;"></span>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].beforeTxt">{{it.subHtmlObj[1].beforeTxt}}</span>
                    <ion-input type="number" onkeyup="value=value.replace(/[^\d\.]/g,'')"
                      onafterpaste="if((value===''))execCommand('undo')"
                      onKeypress="return(/[\d\.]/.test(String.fromCharCode(event.keyCode)))" style="--padding-end:0;"
                      [ngClass]="{'number-center': it.subHtmlObj[1].beforeTxt}"
                      (ionChange)="areaSlotchange($event, it,1)" [(ngModel)]="it.subHtmlObj[1].value"
                      [maxlength]="it.subHtmlObj[1].maxLength" [attr.placeholder]="it.subHtmlObj[1].placeHolder"
                      [formControlName]="it.subHtmlObj[1].formKey">
                    </ion-input>
                    <span class="before-txt" *ngIf="it.subHtmlObj[1].afterTxt">{{it.subHtmlObj[1].afterTxt}}</span>
                    <!-- 行尾文字 -->
                    <span class="jointEnd" *ngIf="it.extra">{{it.extra}}</span>
                    <!-- 租金单位 -->
                    <ng-container *ngIf="it.subHtmlObj && it.subHtmlObj.length === 3">
                      <input type="text" (focus)="showActionSheet(it.subHtmlObj[2])"
                        [formControlName]="it.subHtmlObj[0].formKey" class="displayno">
                      <span class="single-picker"
                        appDebounceClick (debounceClick)="showActionSheet(it.subHtmlObj[2])">{{it.subHtmlObj[2].showValue}}
                        <i class="right-img"></i>
                      </span>
                    </ng-container>
                  </ion-item>
                </ng-container>
              </ng-container>

              <ng-container *ngSwitchCase="'selectAddressWidget'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">

                  <ion-item class="post-item">
                    <ion-label>{{it.label}}</ion-label>
                    <input type="text" [attr.placeholder]="it.placeHolder" (focus)="openModalMoreEditInfo(it)"
                      class="displayno">
                    <span class="input" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="it.value && it.value !== ''">{{it.value}}</span>
                    <span class="input lightgrey" appDebounceClick (debounceClick)="openModalMoreEditInfo(it)"
                      *ngIf="!it.value || it.value === ''">{{it.placeHolder}}</span>
                    <i class="detail-icon"></i>
                  </ion-item>
                </ng-container>
              </ng-container>

              <!-- 多行备注 -->
              <ng-container *ngSwitchCase="'textArea'">
                <ng-container
                  *ngIf="(item.value && it.showCondition && it.showCondition.indexOf(item.value) > -1) ||  !it.showCondition">
                  <app-text-input [item]="it" (output) = "outputTextInput($event)"> </app-text-input>
                </ng-container>
              </ng-container>
            </ng-container>

          </ng-container>
        </ng-container>
        <!-- 多行备注 LJ-->
        <ng-container *ngSwitchCase="'textAreaLJ'">

          <app-text-input [item]="item" (output) = "outputTextInput($event)"> </app-text-input>

        </ng-container>
       </List>
      </form>
          

      <ion-footer *ngIf="showSureBtn">
        <div class="footer-btn-bg">
          <div class="footer-btn" appDebounceClick (debounceClick)="sureBtn()">
            确定
          </div>
        </div>

      </ion-footer>
    </div>
  </div>

</ng-container>